diff options
author | raveit65 <[email protected]> | 2015-04-15 15:56:28 +0200 |
---|---|---|
committer | raveit65 <[email protected]> | 2015-04-15 15:57:18 +0200 |
commit | fc6475fae48ab00b0d64b2cdbe4538fb9d5d854e (patch) | |
tree | b286309c7079a6bce5e80190c83d4a52ede865c0 /desktop-themes/BlueMenta | |
parent | 43e4f7a3479d4cbf916c3e818122a31f67a72404 (diff) | |
download | mate-themes-fc6475fae48ab00b0d64b2cdbe4538fb9d5d854e.tar.bz2 mate-themes-fc6475fae48ab00b0d64b2cdbe4538fb9d5d854e.tar.xz |
Menta themes GTK3: adjust notebook styling
- fix left.right and bottom notebooks
- adjust notebook tabs in caja and pluma
Diffstat (limited to 'desktop-themes/BlueMenta')
-rw-r--r-- | desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css | 305 | ||||
-rw-r--r-- | desktop-themes/BlueMenta/gtk-3.0/mate-applications.css | 20 |
2 files changed, 183 insertions, 142 deletions
diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css index b69c81c5..47ce1cab 100644 --- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css @@ -1574,241 +1574,262 @@ GtkCalendar.header .stack-switcher > .titlebutton.button { * tabs * *****************/ .notebook { - padding: 0; - border-style: solid; - border-color: @borders; - border-top: 0px; - - background-color: shade (@theme_bg_color, 1.1); - -GtkNotebook-initial-gap: 0; - -GtkNotebook-arrow-spacing: 5; - -GtkNotebook-tab-curvature: 0; - -GtkNotebook-tab-overlap: 0; - -GtkNotebook-has-tab-gap: false; - -GtkWidget-focus-padding: 0; - -GtkWidget-focus-line-width: 0; + padding: 0; + background-clip: border-box; + border-style: solid; + border-color: @borders; + border-width: 0px; + background-color: shade (@theme_bg_color, 1.1); + -GtkNotebook-initial-gap: 0; + -GtkNotebook-arrow-spacing: 5; + -GtkNotebook-tab-curvature: 0; + -GtkNotebook-tab-overlap: 0; + -GtkNotebook-has-tab-gap: false; + -GtkWidget-focus-padding: 0; + -GtkWidget-focus-line-width: 0; +} + +.notebook :hover { + -gtk-image-effect: highlight; + color: @theme_fg_color; } -/* fix view in mate-appearence-properties -.notebook GtkScrolledWindow { - background-color: @theme_base_color; +.notebook.frame.top { + border-width: 0px 1px 1px 1px; } -*/ -.notebook.frame { - border-width: 1px; +.notebook.frame.bottom { + border-width: 1px 1px 0px 1px; } -.notebook.header { - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 0.96), - shade(@theme_bg_color, 1.0)); - border-width: 0px; - box-shadow: inset 0 1px 0 0 alpha(@borders, 0.4), inset 0 -1px 0 0 alpha(@borders, 1.0); +.notebook.frame.left { + border-width: 1px 1px 1px 0px; } -.notebook.header.frame.top { - border-top: 1px solid @borders; - border-left: 1px solid @borders; - border-right: 1px solid @borders; +.notebook.frame.right { + border-width: 1px 0px 1px 1px; } -.notebook.header.frame.bottom { - border-bottom: 1px solid @borders; - border-left: 1px solid @borders; - border-right: 1px solid @borders; +.notebook.header { + background-image: linear-gradient(to bottom, + shade(@theme_bg_color, 0.96), + shade(@theme_bg_color, 1.0)); + border-width: 0px; + box-shadow: inset 0 1px 0 0 alpha(@borders, 0.4), inset 0 -1px 0 0 alpha(@borders, 1.0); } -.notebook.header.frame.left { - border-top: 1px solid @borders; - border-bottom: 1px solid @borders; - border-left: 1px solid @borders; +.notebook.header.top { + border-width: 1px; + border-radius: 4px 4px 0px 0px; } -.notebook.header.frame.right { - border-top: 1px solid @borders; - border-bottom: 1px solid @borders; - border-right: 1px solid @borders; +.notebook.header.bottom { + border-width: 1px; + border-radius: 0px 0px 4px 4px; } -.notebook GtkViewport { - background-color: @theme_base_color; - border-width: 0px; +.notebook.header.left { + border-width: 1px; + border-radius: 4px 0px 0px 4px; } -/* looks ugly with GTK3-3.16 */ -/* -.notebook:hover { - -gtk-image-effect: highlight; - background-color: shade(@theme_bg_color, 1.07); - color: @theme_fg_color; +.notebook.header.right { + border-width: 1px; + border-radius: 0px 4px 4px 0px; +} + +.notebook GtkViewport { + background-color: @theme_base_color; + border-width: 0px; } -*/ .notebook tab { - border-color: transparent; - border-width: 0px; - background-image: none; - background-color: transparent; + border-color: transparent; + border-width: 0px; + background-image: none; + background-color: transparent; } .notebook tab GtkLabel { - color: mix (@theme_fg_color, @theme_bg_color, 0.40); - font-weight: normal; + color: mix (@theme_fg_color, @theme_bg_color, 0.40); + font-weight: normal; } .notebook .prelight-page, .notebook .prelight-page GtkLabel { - color: mix (@theme_fg_color, @theme_bg_color, 0.15); + color: mix (@theme_fg_color, @theme_bg_color, 0.15); } .notebook .active-page, .notebook tab .active-page GtkLabel { - color: @theme_fg_color; + color: @theme_fg_color; } /* horizontal tabs */ .notebook tab.top, +/* wtf, why this doesn't work? */ .notebook tab.bottom { - padding: 6px 20px 4px; + padding: 6px 21px 4px; +} + +/* workaround for wtf */ +.notebook tab.bottom:active { + padding: 3px 21px 7px 21px; } .notebook tab.top:active, .notebook tab.top:active:hover { - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.18), - shade(@theme_bg_color, 1.1)); - border-radius: 4px 4px 0 0; - border-width: 1px 1px 0 1px; - border-style: solid; - border-color: @borders; - box-shadow: none; + background-image: linear-gradient(to bottom, + shade(@theme_bg_color, 1.18), + shade(@theme_bg_color, 1.1)); + border-radius: 4px 4px 0px 0px; + border-width: 1px 1px 0px 1px; + border-style: solid; + border-color: @borders; + box-shadow: none; } .notebook tab.top: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.top:active { - border-bottom-color: @notebook_active_tab_border; + background-image: linear-gradient(to bottom, + alpha(@theme_base_color, 0.0), + alpha(@theme_base_color, 0.3)); + border-radius: 0px; + border-width: 0px 1px 0px 1px; + border-style: solid; + border-color: @borders; } .notebook tab.bottom:active, .notebook tab.bottom:active:hover { - background-image: linear-gradient(to top, - shade(@theme_bg_color, 1.18), - shade(@theme_bg_color, 1.1)); - border-radius: 0; - border-style: solid; - border-width: 0px 1px 1px 1px; - box-shadow: none; + 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-style: solid; + border-width: 0px 1px 1px 1px; + border-color: @borders; + box-shadow: none; } .notebook tab.bottom:hover { - background-image: linear-gradient(to top, - 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.bottom:active { - border-top-color: @notebook_active_tab_border; + background-image: linear-gradient(to top, + alpha(@theme_base_color, 0.0), + alpha(@theme_base_color, 0.3)); + border-radius: 0px; + border-width: 0px 1px 0px 1px; + border-style: solid; + border-color: @borders; } /* vertical tabs */ .notebook tab.left, .notebook tab.right { - padding: 5px 20px; + padding: 5px 20px; } -.notebook tab.left:hover, -.notebook tab.left:active { - border-right-width: 2px; +.notebook tab.left:active, +.notebook tab.left:active: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-color: @borders; } -.notebook tab.left:active { - border-right-color: @notebook_active_tab_border; +.notebook tab.left:hover { + background-image: linear-gradient(to right, + alpha(@theme_base_color, 0.0), + alpha(@theme_base_color, 0.3)); + border-width: 1px 0px 1px 0px; + border-style: solid; + border-color: @borders; } -.notebook tab.right:hover, -.notebook tab.right:active { - border-left-width: 2px; +.notebook tab.right:active, +.notebook tab.right:active: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-color: @borders; } -.notebook tab.right:active { - border-left-color: @notebook_active_tab_border; +.notebook tab.right:hover { + background-image: linear-gradient(to left, + alpha(@theme_base_color, 0.0), + alpha(@theme_base_color, 0.3)); + border-width: 1px 0px 1px 0px; + border-style: solid; + border-color: @borders; } .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; + 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:active { - background-image: linear-gradient(to bottom, - shade(@theme_bg_color, 1.18), - shade(@theme_bg_color, 1.1)); - border-radius: 4px 4px 0 0; - box-shadow: none; - border-style: solid; + background-image: linear-gradient(to bottom, + shade(@theme_bg_color, 1.18), + shade(@theme_bg_color, 1.1)); + border-radius: 4px 4px 0 0; + box-shadow: none; + border-style: solid; } /* close button styling */ .notebook tab .button { - color: mix (@theme_fg_color, @theme_bg_color, 0.85); - border-image: none; - background-image: none; - background-color: transparent; - border-radius: 3px; - border-style: solid; - border-color: transparent; - border-width: 1px; - padding: 1px; - icon-shadow: none; + color: mix (@theme_fg_color, @theme_bg_color, 0.85); + border-image: none; + background-image: none; + background-color: transparent; + border-radius: 3px; + border-style: solid; + border-color: transparent; + border-width: 1px; + padding: 1px; + icon-shadow: none; } .notebook .prelight-page .button, .notebook tab.prelight-page .button, .notebook .active-page .button, .notebook tab.active-page .button { - color: mix(@theme_fg_color, @theme_base_color, 0.6); - icon-shadow: 0 1px @button_text_shadow; + color: mix(@theme_fg_color, @theme_base_color, 0.6); + icon-shadow: 0 1px @button_text_shadow; } .notebook tab .button:hover { - color: @theme_fg_color; - border-color: alpha(black, 0.1); + color: @theme_fg_color; + border-color: transparent; + border-image: none; + background-image: none; + background-color: transparent; } .notebook tab .button:active, .notebook tab .button:active:hover { - color: @button_active_text; - background-color: alpha(black, 0.08); - box-shadow: inset 0 1px alpha(black, 0.05); - icon-shadow: 0 1px @button_active_text_shadow; - - border-color: alpha(black, 0.27) - alpha(black, 0.13) - alpha(black, 0.13) - alpha(black, 0.13); + color: @button_active_text; + background-color: alpha(black, 0.08); + box-shadow: inset 0 1px alpha(black, 0.05); + icon-shadow: 0 1px @button_active_text_shadow; + border-color: alpha(black, 0.27) + alpha(black, 0.13) + alpha(black, 0.13) + alpha(black, 0.13); } .notebook.arrow { /* FIXME, why this doesn't work? */ - -GtkNotebook-arrow-scaling: 0.5; + -GtkNotebook-arrow-scaling: 0.5; color: shade(@theme_fg_color, 2.6); } diff --git a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css index bb9367c1..1f05e4cf 100644 --- a/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css +++ b/desktop-themes/BlueMenta/gtk-3.0/mate-applications.css @@ -268,6 +268,22 @@ CajaNotebook .frame { border-width: 1px 0 0 0; } +/* close button styling */ +/* surpress styling of close button */ +CajaWindow .notebook tab .button.flat, +CajaWindow .notebook tab .button.flat:hover { + border-color: transparent; + background-color: transparent; + background-image: none; + text-shadow: none; + icon-shadow: none; + border-image: none; +} + +CajaWindow .notebook tab.top { + padding: 6px 3px 6px 0px; +} + .caja-cluebar-label { font: normal; text-shadow: 0 1px shade (@cluebar_color, 1.06); @@ -635,6 +651,10 @@ PlumaWindow .notebook tab .button.flat:hover { border-image: none; } +PlumaWindow .notebook tab.top { + padding: 6px 0px 6px 6px; +} + /*********************** * Mate-Control-Center * ***********************/ |