From eeec6b3e645ff3160fa44c7f5f5e6d82eaa0a47a Mon Sep 17 00:00:00 2001 From: raveit65 Date: Sun, 6 Mar 2016 23:46:34 +0100 Subject: GTK+-3.20 Menta themes: fix notebook styling --- desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css | 221 ++++++++--------------- 1 file changed, 74 insertions(+), 147 deletions(-) (limited to 'desktop-themes/BlueMenta') diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css index 052f3658..84395322 100644 --- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css @@ -1695,10 +1695,7 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked, .linked.vertical .button:checked, .linked.vertical .button:checked:hover, .linked.vertical .button:disabled { - border-top-width: 0px; - border-bottom-width: 0px; - border-right-width: 1px; - border-left-width: 1px; + border-width: 0px 1px 0px 1px; border-image-width: 0 4px; border-radius: 0; } @@ -1736,10 +1733,7 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked, .linked.vertical .button:checked:first-child, .linked.vertical .button:checked:hover:first-child, .linked.vertical .button:disabled:first-child { - border-bottom-width: 0px; - border-top-width: 1px; - border-right-width: 1px; - border-left-width: 1px; + border-width: 1px 1px 0px 1px; border-image-width: 3px 4px 0 4px; border-radius: 4px 4px 0 0; } @@ -1777,10 +1771,7 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked, .linked.vertical .button:checked:last-child, .linked.vertical .button:checked:hover:last-child, .linked.vertical .button:disabled:last-child { - border-top-width: 0px; - border-bottom-width: 1px; - border-right-width: 1px; - border-left-width: 1px; + border-width: 0px 1px 1px 1px; border-image-width: 0 4px 4px 4px; border-radius: 0 0 4px 4px; } @@ -2343,145 +2334,110 @@ notebook, border-color: @borders; border-width: 0px; background-color: shade (@theme_bg_color, 1.1); -/* -GtkNotebook-initial-gap: 0; */ -/* -GtkNotebook-arrow-spacing: 5; deprecated */ -/* -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 0; - -GtkNotebook-has-tab-gap: false; - -GtkWidget-focus-padding: 0; - -GtkWidget-focus-line-width: 0;*/ + border-radius: 4px 4px 0px 0px; } notebook :hover, .notebook :hover { - -gtk-icon-effect: highlight; /* deprecated, but ignored */ + -gtk-icon-effect: highlight; color: @theme_fg_color; } -frame notebook header.top, -.notebook.frame.top { - border-width: 0px 1px 1px 1px; -} - -frame notebook header.bottom, -.notebook.frame.bottom { - border-width: 1px 1px 0px 1px; -} - -.frame notebook header.left, -.notebook.frame.left { - border-width: 1px 1px 1px 0px; -} - -.frame notebook header.right, -.notebook.frame.right { - border-width: 1px 0px 1px 1px; -} - -notebook header, -.notebook.header { +notebook header { background-image: linear-gradient(to bottom, shade(@theme_bg_color, 0.96), shade(@theme_bg_color, 1.0)); - border-width: 0px; } -notebook header.top, -.notebook.header.top { - border-width: 1px; - border-radius: 0px; +notebook header.top { + border-width: 0px 1px 1px 1px; + border-radius: 4px 4px 0px 0px; box-shadow: inset 0px 1px 0 0 alpha(@borders, 0.4), inset 0px -1px 0 0 alpha(@borders, 0.4); } -notebook header.bottom, -.notebook.header.bottom { - border-width: 1px; +notebook header.bottom { + border-width: 1px 1px 0px 1px; border-radius: 0px; box-shadow: inset 0px 1px 0 0 alpha(@borders, 0.4), inset 0px -1px 0 0 alpha(@borders, 0.4); } -notebook header.left, -.notebook.header.left { - border-width: 1px; - border-radius: 0px; +notebook header.left { + border-width: 1px 1px 1px 0px; + border-radius: 4px 0px 0px 0px; box-shadow: inset 1px 0px alpha(@borders, 0.4), inset -1px 0px alpha(@borders, 0.4); } -notebook header.right, -.notebook.header.right { - border-width: 1px; - border-radius: 0px; +notebook header.right { + border-width: 1px 0px 1px 1px; + border-radius: 0px 4px 0px 0px; box-shadow: inset 1px 0px alpha(@borders, 0.4), inset -1px 0px alpha(@borders, 0.4); } -notebook viewport, -.notebook GtkViewport { +notebook viewport.view { background-color: @theme_base_color; border-width: 0px; } -notebook header tab, -.notebook tab { +notebook header .prelight-page, +notebook header .prelight-page label { + color: mix (@theme_fg_color, @theme_bg_color, 0.15); +} + +notebook header .active-page, +notebook header tab .active-page label { + color: @theme_fg_color; +} + +notebook header tab { border-color: transparent; border-width: 0px; background-image: none; background-color: transparent; } -notebook header tab label, -.notebook tab GtkLabel { +notebook header tab label { color: mix (@theme_fg_color, @theme_bg_color, 0.40); font-weight: normal; } -notebook header .prelight-page, -notebook header .prelight-page label, -.notebook .prelight-page, -.notebook .prelight-page GtkLabel { - color: mix (@theme_fg_color, @theme_bg_color, 0.15); +/* view, header and tabs in caja and pluma view */ +paned.horizontal notebook scrolledwindow.frame { + border-width: 0px 1px 1px 1px; } -notebook header .active-page, -notebook header tab .active-page label, -.notebook .active-page, -.notebook tab .active-page GtkLabel { - color: @theme_fg_color; +paned.horizontal notebook header.top { + border-width: 1px 1px 0px 1px; + border-radius: 0px; + box-shadow: inset 0px 1px 0 0 alpha(@borders, 0.4); + border-style: solid; + border-color: @borders; } -/* tabs in caja and pluma */ -notebook header tab { +paned.horizontal notebook header tab { padding: 4px; + margin: 0px -1px 0px -1px; border-style: solid; border-width: 0px 1px 0px 1px; border-color: transparent; } +/* tabs ie. preferences windows */ /* horizontal tabs */ - notebook.frame header.top tab, -notebook.frame header.bottom tab, -.notebook tab.top, -/* wtf, why this doesn't work? */ -.notebook tab.bottom { +notebook.frame header.bottom tab { padding: 6px 21px 4px; + margin: 0px 0px 0px -1px; border-style: solid; border-width: 0px 1px 0px 1px; border-color: transparent; } -/* workaround for wtf */ -.notebook tab.bottom:checked { - padding: 3px 21px 7px 21px; -} - notebook header.top tab:checked, -notebook header.top tab:hover:active, -.notebook tab.top:checked, -.notebook tab.top:active:hover { +notebook header.top tab:checked:hover { background-image: linear-gradient(to bottom, shade(@theme_bg_color, 1.18), shade(@theme_bg_color, 1.1)); @@ -2489,11 +2445,9 @@ notebook header.top tab:hover:active, border-width: 0px 1px 0px 1px; border-style: solid; border-color: @borders; - box-shadow: none; } -notebook header.top tab:hover, -.notebook tab.top:hover { +notebook header.top tab:hover { background-image: linear-gradient(to bottom, alpha(@theme_base_color, 0.0), alpha(@theme_base_color, 0.3)); @@ -2504,21 +2458,17 @@ notebook header.top tab:hover, } notebook header.bottom tab:checked, -notebook header.bottom tab:hover:active, -.notebook tab.bottom:active, -.notebook tab.bottom:active:hover { +notebook header.bottom tab:checked:hover { background-image: linear-gradient(to top, shade(@theme_bg_color, 1.18), shade(@theme_bg_color, 1.1)); border-radius: 0 0 4px 4px; + border-width: 0px 1px 0px 1px; border-style: solid; - border-width: 0px 1px 1px 1px; border-color: @borders; - box-shadow: none; } -notebook header.bottom tab:hover, -.notebook tab.bottom:hover { +notebook header.bottom tab:hover { background-image: linear-gradient(to top, alpha(@theme_base_color, 0.0), alpha(@theme_base_color, 0.3)); @@ -2531,78 +2481,54 @@ notebook header.bottom tab:hover, /* vertical tabs */ notebook.frame header.left tab, -notebook.frame header.right tab, -.notebook tab.left, -.notebook tab.right { +notebook.frame header.right tab { padding: 5px 20px; + margin: -1px 0px 0px 0px; border-style: solid; border-color: transparent; -} - -notebook header.left tab { - border-width: 1px 0px 1px 1px; -} - -notebook header.right tab { - border-width: 1px 1px 1px 0px; + border-width: 1px 0px 1px 0px; } notebook header.left tab:checked, -notebook header.left tab:hover:active, -.notebook tab.left:active, -.notebook tab.left:active:hover { +notebook header.left tab:checked:hover { background-image: linear-gradient(to right, shade(@theme_bg_color, 1.18), shade(@theme_bg_color, 1.1)); border-radius: 4px 0px 0px 4px; - border-width: 1px 0px 1px 1px; + border-width: 1px 0px 1px 0px; border-color: @borders; } -notebook header.left tab:hover, -.notebook tab.left:hover { +notebook header.left tab:hover { background-image: linear-gradient(to right, alpha(@theme_base_color, 0.0), alpha(@theme_base_color, 0.3)); - border-width: 1px 0px 1px 1px; + border-width: 1px 0px 1px 0px; border-style: solid; border-color: @borders; } notebook header.right tab:checked, -notebook header.right tab:hover:active, -.notebook tab.right:active, -.notebook tab.right:active:hover { +notebook header.right tab:checked:hover { background-image: linear-gradient(to left, shade(@theme_bg_color, 1.18), shade(@theme_bg_color, 1.1)); border-radius: 0px 4px 4px 0px; - border-width: 1px 1px 1px 0px; + border-width: 1px 0px 1px 0px; border-color: @borders; } -notebook header.right tab:hover, -.notebook tab.right:hover { +notebook header.right tab:hover { background-image: linear-gradient(to left, alpha(@theme_base_color, 0.0), alpha(@theme_base_color, 0.3)); - border-width: 1px 1px 1px 0px; + border-width: 1px 0px 1px 0px; border-style: solid; border-color: @borders; } -notebook tab.reorderable-page:hover, -.notebook tab.reorderable-page:hover { - background-image: linear-gradient(to bottom, - alpha(@theme_base_color, 0.0), - alpha(@theme_base_color, 0.3)); - border-radius: 0; - box-shadow: inset 1px 0 alpha(@borders, 0.6), inset -1px 0 alpha(@borders, 0.6); - border-style: none; -} - notebook tab.reorderable-page:checked, -.notebook tab.reorderable-page:active { +notebook tab.reorderable-page:checked:hover { background-image: linear-gradient(to bottom, shade(@theme_bg_color, 1.18), shade(@theme_bg_color, 1.1)); @@ -2611,10 +2537,18 @@ notebook tab.reorderable-page:checked, border-style: solid; } +notebook tab.reorderable-page:hover { + background-image: linear-gradient(to bottom, + alpha(@theme_base_color, 0.0), + alpha(@theme_base_color, 0.3)); + border-radius: 0; + box-shadow: inset 1px 0 alpha(@borders, 0.6), inset -1px 0 alpha(@borders, 0.6); + border-style: none; +} + /* close button styling */ notebook button.flat, -notebook button.flat.small-button, -.notebook tab .button { +notebook button.flat.small-button { color: mix (@theme_fg_color, @theme_bg_color, 0.85); border-image: none; background-image: none; @@ -2628,18 +2562,13 @@ notebook button.flat.small-button, } notebook .prelight-page button.flat.small-button, -notebook .active-page button.flat.small-button, -.notebook .prelight-page .button, -.notebook tab.prelight-page .button, -.notebook .active-page .button, -.notebook tab.active-page .button { +notebook .active-page button.flat.small-button { color: mix(@theme_fg_color, @theme_base_color, 0.6); -gtk-icon-shadow: 0 1px @button_text_shadow; } notebook button.flat:hover, -notebook button.flat.small-button:hover, -.notebook tab .button:hover { +notebook button.flat.small-button:hover { color: @theme_fg_color; border-color: transparent; border-image: none; @@ -2650,9 +2579,7 @@ notebook button.flat.small-button:hover, notebook button.flat:checked, notebook button.flat:hover:checked, notebook button.flat.small-button:checked, -notebook button.flat.small-button:hover:active, -.notebook tab .button:active, -.notebook tab .button:active:hover { +notebook button.flat.small-button:hover:active { color: @button_active_text; background-color: alpha(black, 0.08); box-shadow: inset 0 1px alpha(black, 0.05); -- cgit v1.2.1