diff options
author | raveit65 <[email protected]> | 2016-03-19 21:51:19 +0100 |
---|---|---|
committer | raveit65 <[email protected]> | 2016-03-19 21:52:10 +0100 |
commit | 2ec58788dfbefd965b58ebdea6d5f7f3e35ed162 (patch) | |
tree | a3b5e5d58fabf2b9c9bf39ebf0bedfa8cdc3a579 | |
parent | 805750cba723b9fa8a884dc036b448a196121334 (diff) | |
download | mate-themes-2ec58788dfbefd965b58ebdea6d5f7f3e35ed162.tar.bz2 mate-themes-2ec58788dfbefd965b58ebdea6d5f7f3e35ed162.tar.xz |
GTK+-3.20 Menta themes: another combobox adjustment
-rw-r--r-- | desktop-themes/BlueMenta/gtk-3.0/gtk-widgets-borders.css | 5 | ||||
-rw-r--r-- | desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css | 561 | ||||
-rw-r--r-- | desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css | 4 | ||||
-rw-r--r-- | desktop-themes/Menta/gtk-3.0/gtk-widgets.css | 268 |
4 files changed, 357 insertions, 481 deletions
diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets-borders.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets-borders.css index c1f5a0a4..e80ce1b9 100644 --- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets-borders.css +++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets-borders.css @@ -1,7 +1,8 @@ /* Borders */ /* generic element borders (checked)*/ -entry, +entry,combobox entry.combo, +combobox button.combo:checked, button:checked, toolbar.inline-toolbar.vertical button:checked, .entry, @@ -76,6 +77,7 @@ row trough, entry:focus, button:checked:focus, button.default:checked, +combobox entry.combo:focus, combobox button.combo:focus, toolbar.inline-toolbar.vertical button:focus:checked, toolbar.inline-toolbar.vertical button.default:checked, @@ -112,7 +114,6 @@ GtkComboBox.combobox-entry .button:focus, } button, -combobox entry.combo, combobox button.combo, .button { border-image: url("borders/button.png") 3 4 4 4 / 3px 4px 4px 4px stretch; diff --git a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css index f8631b05..bc7220dc 100644 --- a/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css @@ -1190,12 +1190,7 @@ button.font, button.file, button.toggle.popup, button.link, -combobox, -combobox button.combo, -.button, -.button.menuitem.menubar, -GtkColorButton.button, -GtkComboBox.combobox-entry .button { +button.combo { -gtk-icon-style: regular; padding: 4px; min-height: 20px; @@ -1206,39 +1201,28 @@ button.image-button.toggle.popup { padding: 6px; } -button.text-button.toggle, -GtkToggleButton.button { +button.text-button.toggle { padding: 5px 4px; } button.image-button, -toolbar.primary-toolbar button.image-button, -.button.image-button, -.primary-toolbar.toolbar .button.image-button { +toolbar.primary-toolbar button.image-button { padding: 4px; } -button, -.button { +button { transition: all 400ms ease-out; -/* -GtkButton-image-spacing: 4; deprecated, but ignored */ -/* -GtkButton-interior-focus: true; deprecated, but ignored */ -/* -GtkButton-default-border: 0; deprecated, but ignored */ -/* -GtkButton-inner-border: 3; deprecated, but ignored */ -/* -GtkArrow-arrow-scaling: 0.5; deprecated, but ignored */ border-style: solid; border-color: transparent; text-shadow: 0 1px @button_text_shadow; } -button.default, -.button.default { +button.default { text-shadow: none; color: @theme_fg_color; } -button.flat, -.button.flat { +button.flat { border-color: transparent; background-color: transparent; background-image: none; @@ -1248,8 +1232,7 @@ button.flat, border-image: none; } -button.flat:hover, -.button.flat:hover { +button.flat:hover { background-color: transparent; background-image: linear-gradient(to bottom, @button_gradient_color_a, @@ -1257,8 +1240,7 @@ button.flat:hover, border-radius: 1px; } -button.image-button.circular-button, -.button.image-button.circular-button { +button.image-button.circular-button { border-image: none; border-width: 1px; border-style: solid; @@ -1281,19 +1263,14 @@ button.toggle.popup image:disabled { /* We may want a background for focused buttons, but in the meantime let's remove it too */ toolbar.primary-toolbar button, -toolbar.primary-toolbar button:disabled, -.primary-toolbar .button, -.primary-toolbar .button:disabled, -.primary-toolbar .button *:disabled { +toolbar.primary-toolbar button:disabled { background-image: none; background-color: transparent; } /* Remove borders from primary toolbar buttons*/ -toolbar.primary-toolbar button, -.primary-toolbar .button { +toolbar.primary-toolbar button { border-image: none; - /* setting border-style: none; here would override the border-width values * we set in gtk-widget-borders.css to zero. */ @@ -1305,52 +1282,31 @@ toolbar.primary-toolbar button, toolbar.primary-toolbar button:checked, toolbar.inline-toolbar button:checked, -button:checked, -.primary-toolbar .button:active, -.inline-toolbar .button:active, -.button:active, -.primary-toolbar .button:checked, -.inline-toolbar .button:checked, -.button:checked { +button:checked { color: @button_active_text; text-shadow: 0 1px @button_active_text_shadow; } button:disabled, -button:checked:disabled, -.button:disabled, -.button:active *:disabled, -.button:checked *:disabled { +button:checked:disabled { color: @insensitive_fg_color; text-shadow: none; } toolbar .raised button, -toolbar.inline-toolbar button, -.toolbar .button.raised, -.toolbar .raised .button, -.inline-toolbar .button { +toolbar.inline-toolbar button { -gtk-icon-shadow: 0 1px @button_text_shadow; text-shadow: 0 1px @button_text_shadow; } toolbar .raised button:checked, -toolbar.inline-toolbar button:checked, -.toolbar .button.raised:active, -.toolbar .raised .button:active, -.inline-toolbar .button:active -.toolbar .button.raised:checked, -.toolbar .raised .button:checked, -.inline-toolbar .button:checked { +toolbar.inline-toolbar button:checked { -gtk-icon-shadow: 0 1px @button_active_text_shadow; text-shadow: 0 1px @button_active_text_shadow; } toolbar .raised button:disabled, -toolbar.inline-toolbar button:disabled, -.toolbar .button.raised:disabled, -.toolbar .raised .button:disabled, -.inline-toolbar .button:disabled { +toolbar.inline-toolbar button:disabled { -gtk-icon-shadow: none; text-shadow: none; } @@ -1360,12 +1316,13 @@ toolbar.inline-toolbar button:disabled, /* Set up shadows and hilights for button visual separation */ .linked entry, .linked entry:backdrop, -.linked .entry { +.linked entry.combo, +.linked entry.combo:backdrop { box-shadow: inset -1px 0 @inset_dark_color; } .linked entry:focus, -.linked .entry:focus { +.linked entry.combo:focus { box-shadow: inset 1px 0 @inset_dark_color, inset -1px 0 @inset_dark_color, inset 1px 2px alpha(@theme_selected_bg_color, 0.1), @@ -1375,7 +1332,7 @@ toolbar.inline-toolbar button:disabled, } .linked entry:focus:first-child, -.linked .entry:focus:first-child { +.linked entry.combo:first-child { box-shadow: inset -1px 0 @inset_dark_color, inset 1px 2px alpha(@theme_selected_bg_color, 0.1), inset 1px 1px alpha(@theme_selected_bg_color, 0.1), @@ -1384,7 +1341,7 @@ toolbar.inline-toolbar button:disabled, } .linked entry:focus:last-child, -.linked .entry:focus:last-child { +.linked entry.combo:last-child { box-shadow: inset 1px 0 @inset_dark_color, inset 1px 2px alpha(@theme_selected_bg_color, 0.1), inset 1px 1px alpha(@theme_selected_bg_color, 0.1), @@ -1394,72 +1351,42 @@ toolbar.inline-toolbar button:disabled, /* Set up shadows and hilights for button visual separation */ .linked button, -.linked > combobox button.combo, +.linked.horizontal > combobox > .linked > button.combo, toolbar .raised.linked button, toolbar.inline-toolbar button, -toolbar.inline-toolbar toolbutton > button, -.linked .button, -.toolbar .button.raised.linked, -.toolbar .raised.linked .button, -.inline-toolbar.toolbar .button, -.inline-toolbar.toolbar GtkToolButton > .button { +toolbar.inline-toolbar toolbutton > button { box-shadow: inset 1px 0 @inset_light_color, inset -1px 0 @inset_dark_color; } .linked button:first-child, -.linked > combobox:first-child button.combo:first-child, +.linked.horizontal > combobox:first-child > .linked > button.combo:first-child, toolbar .raised.linked button:first-child, toolbar.inline-toolbar button:first-child, -toolbar.inline-toolbar toolbutton > button:first-child, -.linked .button:first-child, -.toolbar .button.raised.linked:first-child, -.toolbar .raised.linked .button:first-child, -.inline-toolbar.toolbar .button:first-child, -.inline-toolbar.toolbar GtkToolButton:first-child > .button { +toolbar.inline-toolbar toolbutton > button:first-child { box-shadow: inset -1px 0 @inset_dark_color; } .linked button:last-child, -.linked > combobox:last-child button.combo:last-child, +.linked.horizontal > combobox:last-child > .linked > button.combo:last-child, toolbar .raised.linked button:last-child, toolbar.inline-toolbar button:last-child, -toolbar.inline-toolbar toolbutton > button:last-child, -.linked .button:last-child, -.toolbar .button.raised.linked:last-child, -.toolbar .raised.linked .button:last-child, -.inline-toolbar.toolbar .button:last-child, -.inline-toolbar.toolbar GtkToolButton:last-child > .button { +toolbar.inline-toolbar toolbutton > button:last-child { box-shadow: inset 1px 0 @inset_light_color; } .linked button:checked, -.linked > combobox button.combo:checked, +.linked.horizontal > combobox > .linked > button.combo:checked, toolbar .raised.linked button:checked, toolbar.inline-toolbar button:checked, -toolbar.inline-toolbar toolbutton > button:checked, -.linked .button:active, -.toolbar .button.raised.linked:active, -.toolbar .raised.linked .button:active, -.inline-toolbar.toolbar .button:active, -.inline-toolbar.toolbar GtkToolButton > .button:active, -.linked .button:checked, -.toolbar .button.raised.linked:checked, -.toolbar .raised.linked .button:checked, -.inline-toolbar.toolbar .button:checked, -.inline-toolbar.toolbar GtkToolButton > .button:checked { +toolbar.inline-toolbar toolbutton > button:checked { box-shadow: inset 1px 0 @inset_dark_color; } .linked button:disabled, -.linked > combobox button.combo:disabled, +.linked.horizontal > combobox > .linked > button.combo:disabled, toolbar .raised.linked button:disabled, toolbar.inline-toolbar button:disabled, -toolbar.inline-toolbar toolbutton > button:disabled, -.linked .button:disabled, -.toolbar .button.raised.linked:disabled, -.toolbar .raised.linked .button:disabled, -.inline-toolbar.toolbar .button:disabled, -.inline-toolbar.toolbar GtkToolButton > .button:disabled { +toolbar.inline-toolbar toolbutton > button:disabled { box-shadow: inset -1px 0 @inset_dark_color; } @@ -1470,15 +1397,7 @@ toolbar .raised.linked button:disabled:last-child, toolbar.inline-toolbar button:disabled:last-child, toolbar.inline-toolbar button:only-child, toolbar.inline-toolbar toolbutton > button:disabled:last-child, -toolbar.inline-toolbar toolbutton > button:only-child, -.linked .button:disabled:last-child, -.linked .button:only-child, -.toolbar .button.raised.linked:disabled:last-child, -.toolbar .raised.linked .button:disabled:last-child, -.inline-toolbar.toolbar .button:disabled:last-child, -.inline-toolbar.toolbar .button:only-child, -.inline-toolbar.toolbar GtkToolButton:last-child > .button:disabled, -.inline-toolbar.toolbar GtkToolButton:only-child > .button { +toolbar.inline-toolbar toolbutton > button:only-child { box-shadow: none; } @@ -1490,69 +1409,21 @@ toolbar.inline-toolbar toolbutton > button:only-child:checked, .linked button:first-child:checked, toolbar .raised.linked button:first-child:checked, toolbar.inline-toolbar button:first-child:checked, -toolbar.inline-toolbar toolbutton > button:first-child:checked, -.linked .button:only-child:active, -.toolbar .button.raised.linked:only-child:active, -.toolbar .raised.linked .button:only-child:active, -.inline-toolbar.toolbar .button:only-child:active, -.inline-toolbar.toolbar GtkToolButton > .button:only-child:active, -.linked .button:first-child:active, -.toolbar .button.raised.linked:first-child:active, -.toolbar .raised.linked .button:first-child:active, -.inline-toolbar.toolbar .button:first-child:active, -.inline-toolbar.toolbar GtkToolButton > .button:first-child:active, -.linked .button:only-child:checked, -.toolbar .button.raised.linked:only-child:checked, -.toolbar .raised.linked .button:only-child:checked, -.inline-toolbar.toolbar .button:only-child:checked, -.inline-toolbar.toolbar GtkToolButton > .button:only-child:checked, -.linked .button:first-child:checked, -.toolbar .button.raised.linked:first-child:checked, -.toolbar .raised.linked .button:first-child:checked, -.inline-toolbar.toolbar .button:first-child:checked, -.inline-toolbar.toolbar GtkToolButton > .button:first-child:checked { +toolbar.inline-toolbar toolbutton > button:first-child:checked { box-shadow: inset 0 1px 1px alpha(black, 0.1); } /* Middle button */ .linked entry, +.linked entry.combo, .linked entry:backdrop, -.linked > combobox > button.combo, -.linked > combobox > button.combo:focus, -.linked > combobox > button.combo:disabled, -.linked > combobox > button.combo:backdrop, -.linked > combobox > button.combo:focus:active, -.linked > combobox > button.combo:checked, -.linked > combobox > button.combo:focus:active, -.linked > combobox > button.combo:hover, -.linked > combobox > button.combo:hover:active, -.linked > combobox > button.combo:checked:hover, .linked button, .linked button:hover, .linked button:hover:active, .linked button:checked, .linked button:checked:active, .linked button:checked:hover, -.linked button:disabled, -.linked .entry, -.linked > GtkComboBox > .button:last-child, -.linked > GtkComboBox > .button:focus:last-child, -.linked > GtkComboBox > .button:disabled:last-child, -.linked > GtkComboBox > .button:active:last-child, -.linked > GtkComboBox > .button:focus:active:last-child, -.linked > GtkComboBox > .button:checked:last-child, -.linked > GtkComboBox > .button:focus:checked:last-child, -.linked > GtkComboBox > .button:hover:last-child, -.linked > GtkComboBox > .button:active:hover:last-child, -.linked > GtkComboBox > .button:checked:hover:last-child, -.linked .button, -.linked .button:hover, /* gtk-widget-factory middle page button */ -.linked .button:active, -.linked .button:active:hover, -.linked .button:checked, -.linked .button:checked:checked, /* gtk-widget-factory middle page button */ -.linked .button:checked:hover, -.linked .button:disabled { +.linked button:disabled { border-right-width: 0; border-left-width: 0; border-image-width: 3px 0 4px 0; @@ -1562,38 +1433,13 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked, /* Leftmost button */ .linked entry:first-child, .linked entry:backdrop:first-child, -.linked > combobox:first-child > button.combo:first-child, -.linked > combobox:first-child > button.combo:focus:first-child, -.linked > combobox:first-child > button.combo:disabled:first-child, -.linked > combobox:first-child > button.combo:backdrop:first-child, -.linked > combobox:first-child > button.combo:focus:active:first-child, -.linked > combobox:first-child > button.combo:checked:first-child, -.linked > combobox:first-child > button.combo:focus:checked:first-child, -.linked > combobox:first-child > button.combo:hover:first-child, -.linked > combobox:first-child > button.combo:hover:active:first-child, -.linked > combobox:first-child > button.combo:checked:hover:first-child, +.linked entry.combo:first-child, +.linked entry.combo:backdrop:first-child, .linked button:first-child, .linked button:hover:active:first-child, .linked button:checked:first-child, .linked button:checked:hover:first-child, -.linked button:disabled:first-child, -.linked .entry:first-child, -.linked > GtkComboBox:first-child > .button:last-child, -.linked > GtkComboBox:first-child > .button:focus:last-child, -.linked > GtkComboBox:first-child > .button:disabled:last-child, -.linked > GtkComboBox:first-child > .button:active:last-child, -.linked > GtkComboBox:first-child > .button:focus:active:last-child, -.linked > GtkComboBox:first-child > .button:checked:first-child:last-child, -.linked > GtkComboBox:first-child > .button:focus:checked:first-child:last-child, -.linked > GtkComboBox:first-child > .button:hover:first-child:last-child, -.linked > GtkComboBox:first-child > .button:active:hover:last-child, -.linked > GtkComboBox:first-child > .button:checked:hover:last-child, -.linked .button:first-child, -.linked .button:active:first-child, -.linked .button:active:hover:first-child, -.linked .button:checked:first-child, -.linked .button:checked:hover:first-child, -.linked .button:disabled:first-child { +.linked button:disabled:first-child { border-right-width: 0; border-left-width: 2px; border-image-width: 3px 0 4px 4px; @@ -1604,38 +1450,13 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked, /* Rightmost button */ .linked entry:last-child, .linked entry:backdrop:last-child, -.linked > combobox:last-child > button.combo:last-child, -.linked > combobox:last-child > button.combo:focus:last-child, -.linked > combobox:last-child > button.combo:disabled:last-child, -.linked > combobox:last-child > button.combo:backdrop:last-child, -.linked > combobox:last-child > button.combo:focus:active:last-child, -.linked > combobox:last-child > button.combo:checked:last-child, -.linked > combobox:last-child > button.combo:focus:checked:last-child, -.linked > combobox:last-child > button.combo:hover:last-child, -.linked > combobox:last-child > button.combo:hover:active:last-child, -.linked > combobox:last-child > button.combo:checked:hover:last-child, +.linked entry.combo:last-child, +.linked entry.combo:backdrop:last-child, .linked button:last-child, .linked button:hover:active:last-child, .linked button:checked:last-child, .linked button:checked:hover:last-child, -.linked button:disabled:last-child, -.linked .entry:last-child, -.linked > GtkComboBox:last-child > .button, -.linked > GtkComboBox:last-child > .button:last-child, -.linked > GtkComboBox:last-child > .button:disabled:last-child, -.linked > GtkComboBox:last-child > .button:active:last-child, -.linked > GtkComboBox:last-child > .button:focus:active:last-child, -.linked > GtkComboBox:last-child > .button:checked:last-child, -.linked > GtkComboBox:last-child > .button:focus:checked:last-child, -.linked > GtkComboBox:last-child > .button:hover:last-child, -.linked > GtkComboBox:last-child > .button:active:hover:last-child, -.linked > GtkComboBox:last-child > .button:checked:hover:last-child, -.linked .button:last-child, -.linked .button:active:last-child, -.linked .button:active:hover:last-child, -.linked .button:checked:last-child, -.linked .button:checked:hover:last-child, -.linked .button:disabled:last-child { +.linked button:disabled:last-child { border-right-width: 2px; border-left-width: 0; border-image-width: 3px 4px 4px 0; @@ -1646,38 +1467,13 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked, /* Linked single button */ .linked entry:only-child, .linked entry:backdrop:only-child, -.linked > combobox:only-child > button.combo:only-child, -.linked > combobox:only-child > button.combo:focus:only-child, -.linked > combobox:only-child > button.combo:disabled:only-child, -.linked > combobox:only-child > button.combo:backdrop:only-child, -.linked > combobox:only-child > button.combo:hover:only-child, -.linked > combobox:only-child > button.combo:hover:active:only-child, -.linked > combobox:only-child > button.combo:focus:active:only-child, -.linked > combobox:only-child > button.combo:checked:only-child, -.linked > combobox:only-child > button.combo:checked:hover:only-child, -.linked > combobox:only-child > button.combo:focus:checked:only-child, +.linked entry.combo:only-child, +.linked entry.combo:backdrop:only-child, .linked button:only-child, .linked button:hover:active:only-child, .linked button:checked:only-child, .linked button:checked:hover:only-child, -.linked button:disabled:only-child, -.linked .entry:only-child, -.linked > GtkComboBox:only-child > .button, -.linked > GtkComboBox:only-child > .button:only-child, -.linked > GtkComboBox:only-child > .button:disabled:only-child, -.linked > GtkComboBox:only-child > .button:hover:only-child, -.linked > GtkComboBox:only-child > .button:active:only-child, -.linked > GtkComboBox:only-child > .button:active:hover:only-child, -.linked > GtkComboBox:only-child > .button:focus:active:only-child, -.linked > GtkComboBox:only-child > .button:checked:only-child, -.linked > GtkComboBox:only-child > .button:checked:hover:only-child, -.linked > GtkComboBox:only-child > .button:focus:checked:only-child, -.linked .button:only-child, -.linked .button:active:only-child, -.linked .button:active:hover:only-child, -.linked .button:checked:only-child, -.linked .button:checked:hover:only-child, -.linked .button:disabled:only-child { +.linked button:disabled:only-child { border-right-width: 1px; border-left-width: 1px; border-image-width: 3px 4px 4px 4px; @@ -1685,160 +1481,60 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked, } /* Middle button (vertical) */ -.linked.vertical > combobox > button.combo, -.linked.vertical > combobox > button.combo:focus, -.linked.vertical > combobox > button.combo:disabled, -.linked.vertical > combobox > button.combo:backdrop, -.linked.vertical > combobox > button.combo:focus:active, -.linked.vertical > combobox > button.combo:checked, -.linked.vertical > combobox > button.combo:focus:checked, -.linked.vertical > combobox > button.combo:hover, -.linked.vertical > combobox > button.combo:hover:active, -.linked.vertical > combobox > button.combo:checked:hover, .linked.vertical entry, .linked.vertical entry:backdrop, +.linked.vertical entry.combo, +.linked.vertical entry.combo:backdrop, .linked.vertical button, .linked.vertical button:hover:active, .linked.vertical button:checked, .linked.vertical button:checked:hover, -.linked.vertical button:disabled, -.linked.vertical > GtkComboBox > .button:last-child, -.linked.vertical > GtkComboBox > .button:focus:last-child, -.linked.vertical > GtkComboBox > .button:disabled:last-child, -.linked.vertical > GtkComboBox > .button:active:last-child, -.linked.vertical > GtkComboBox > .button:focus:active:last-child, -.linked.vertical > GtkComboBox > .button:checked:last-child, -.linked.vertical > GtkComboBox > .button:focus:checked:last-child, -.linked.vertical > GtkComboBox > .button:hover:last-child, -.linked.vertical > GtkComboBox > .button:active:hover:last-child, -.linked.vertical > GtkComboBox > .button:checked:hover:last-child, -.linked.vertical .entry, -.linked.vertical .button, -.linked.vertical .button:active, -.linked.vertical .button:active:hover, -.linked.vertical .button:checked, -.linked.vertical .button:checked:hover, -.linked.vertical .button:disabled { +.linked.vertical button:disabled { border-width: 0px 1px 0px 1px; border-image-width: 0 4px; border-radius: 0; } /* Top button (vertical) */ -.linked.vertical > combobox:first-child > button.combo:first-child, -.linked.vertical > combobox:first-child > button.combo:focus:first-child, -.linked.vertical > combobox:first-child > button.combo:disabled:first-child, -.linked.vertical > combobox:first-child > button.combo:backdrop:first-child, -.linked.vertical > combobox:first-child > button.combo:focus:active:first-child, -.linked.vertical > combobox:first-child > button.combo:checked:first-child, -.linked.vertical > combobox:first-child > button.combo:focus:checked:first-child, -.linked.vertical > combobox:first-child > button.combo:hover:first-child, -.linked.vertical > combobox:first-child > button.combo:hover:active:first-child, -.linked.vertical > combobox:first-child > button.combo:checked:hover:first-child, .linked.vertical entry:first-child, .linked.vertical entry:backdrop:first-child, +.linked.vertical entry.combo:first-child, +.linked.vertical entry.combo:backdrop:first-child, .linked.vertical button:first-child, .linked.vertical button:hover:active:first-child, .linked.vertical button:checked:first-child, .linked.vertical button:checked:hover:first-child, -.linked.vertical button:disabled:first-child, -.linked.vertical > GtkComboBox:first-child > .button:last-child, -.linked.vertical > GtkComboBox:first-child > .button:focus:last-child, -.linked.vertical > GtkComboBox:first-child > .button:disabled:last-child, -.linked.vertical > GtkComboBox:first-child > .button:active:last-child, -.linked.vertical > GtkComboBox:first-child > .button:focus:active:last-child, -.linked.vertical > GtkComboBox:first-child > .button:checked:first-child:last-child, -.linked.vertical > GtkComboBox:first-child > .button:focus:checked:first-child:last-child, -.linked.vertical > GtkComboBox:first-child > .button:hover:first-child:last-child, -.linked.vertical > GtkComboBox:first-child > .button:active:hover:last-child, -.linked.vertical > GtkComboBox:first-child > .button:checked:hover:last-child, -.linked.vertical .entry:first-child, -.linked.vertical .button:first-child, -.linked.vertical .button:active:first-child, -.linked.vertical .button:active:hover:first-child, -.linked.vertical .button:checked:first-child, -.linked.vertical .button:checked:hover:first-child, -.linked.vertical .button:disabled:first-child { +.linked.vertical button:disabled:first-child { border-width: 1px 1px 0px 1px; border-image-width: 3px 4px 0 4px; border-radius: 4px 4px 0 0; } /* Bottom button (vertical) */ -.linked.vertical > combobox:last-child > button.combo:last-child, -.linked.vertical > combobox:last-child > button.combo:focus:last-child, -.linked.vertical > combobox:last-child > button.combo:disabled:last-child, -.linked.vertical > combobox:last-child > button.combo:backdrop:last-child, -.linked.vertical > combobox:last-child > button.combo:focus:active:last-child, -.linked.vertical > combobox:last-child > button.combo:checked:last-child, -.linked.vertical > combobox:last-child > button.combo:focus:checked:last-child, -.linked.vertical > combobox:last-child > button.combo:hover:last-child, -.linked.vertical > combobox:last-child > button.combo:hover:active:last-child, -.linked.vertical > combobox:last-child > button.combo:checked:hover:last-child, .linked.vertical entry:last-child, .linked.vertical entry:backdrop:last-child, +.linked.vertical entry.combo:last-child, +.linked.vertical entry.combo:backdrop:last-child, .linked.vertical button:last-child, .linked.vertical button:hover:active:last-child, .linked.vertical button:checked:last-child, .linked.vertical button:checked:hover:last-child, -.linked.vertical button:disabled:last-child, -.linked.vertical > GtkComboBox:last-child > .button, -.linked.vertical > GtkComboBox:last-child > .button:last-child, -.linked.vertical > GtkComboBox:last-child > .button:disabled:last-child, -.linked.vertical > GtkComboBox:last-child > .button:active:last-child, -.linked.vertical > GtkComboBox:last-child > .button:focus:active:last-child, -.linked.vertical > GtkComboBox:last-child > .button:checked:last-child, -.linked.vertical > GtkComboBox:last-child > .button:focus:checked:last-child, -.linked.vertical > GtkComboBox:last-child > .button:hover:last-child, -.linked.vertical > GtkComboBox:last-child > .button:active:hover:last-child, -.linked.vertical > GtkComboBox:last-child > .button:checked:hover:last-child, -.linked.vertical .entry:last-child, -.linked.vertical .button:last-child, -.linked.vertical .button:active:last-child, -.linked.vertical .button:active:hover:last-child, -.linked.vertical .button:checked:last-child, -.linked.vertical .button:checked:hover:last-child, -.linked.vertical .button:disabled:last-child { +.linked.vertical button:disabled:last-child { border-width: 0px 1px 1px 1px; border-image-width: 0 4px 4px 4px; border-radius: 0 0 4px 4px; } /* Linked single button (vertical) */ -.linked.vertical > combobox:only-child > button.combo:only-child, -.linked.vertical > combobox:only-child > button.combo:focus:only-child, -.linked.vertical > combobox:only-child > button.combo:disabled:only-child, -.linked.vertical > combobox:only-child > button.combo:backdrop:only-child, -.linked.vertical > combobox:only-child > button.combo:hover:only-child, -.linked.vertical > combobox:only-child > button.combo:hover:active:only-child, -.linked.vertical > combobox:only-child > button.combo:focus:active:only-child, -.linked.vertical > combobox:only-child > button.combo:checked:only-child, -.linked.vertical > combobox:only-child > button.combo:checked:hover:only-child, -.linked.vertical > combobox:only-child > button.combo:focus:checked:only-child, .linked.vertical entry:only-child, .linked.vertical entry:backdrop:only-child, +.linked.vertical entry.combo:only-child, +.linked.vertical entry.combo:backdrop:only-child, .linked.vertical button:only-child, .linked.vertical button:hover:active:only-child, .linked.vertical button:checked:only-child, .linked.vertical button:checked:hover:only-child, -.linked.vertical button:disabled:only-child, -.linked.vertical > GtkComboBox:only-child > .button, -.linked.vertical > GtkComboBox:only-child > .button:only-child, -.linked.vertical > GtkComboBox:only-child > .button:disabled:only-child, -.linked.vertical > GtkComboBox:only-child > .button:hover:only-child, -.linked.vertical > GtkComboBox:only-child > .button:active:only-child, -.linked.vertical > GtkComboBox:only-child > .button:active:hover:only-child, -.linked.vertical > GtkComboBox:only-child > .button:focus:active:only-child, -.linked.vertical > GtkComboBox:only-child > .button:checked:only-child, -.linked.vertical > GtkComboBox:only-child > .button:checked:hover:only-child, -.linked.vertical > GtkComboBox:only-child > .button:focus:checked:only-child, -.linked.vertical .entry:only-child, -.linked.vertical .button:only-child, -.linked.vertical .button:active:only-child, -.linked.vertical .button:active:hover:only-child, -.linked.vertical .button:checked:only-child, -.linked.vertical .button:checked:hover:only-child, -.linked.vertical .button:disabled:only-child { +.linked.vertical button:disabled:only-child { border-width: 1px; border-image-width: 3px 4px 4px 4px; border-radius: 4px; @@ -2330,10 +2026,10 @@ stackswitcher > button:dir(ltr).text-button.radio:checked:hover:active:last-chi } /* stack */ -stack > box.linked.vertical > combobox:first-child > button.combo:first-child, -stack > box.linked.vertical > combobox:first-child > button.combo:checked:first-child, -stack > box.linked.vertical > combobox:first-child > button.combo:focus:first-child, -stack > box.linked.vertical > combobox:first-child > button.combo:focus:hover:first-child { +stack > box.linked.vertical > combobox:first-child > .linked > button.combo:first-child, +stack > box.linked.vertical > combobox:first-child > .linked > button.combo:checked:first-child, +stack > box.linked.vertical > combobox:first-child > .linked > button.combo:focus:first-child, +stack > box.linked.vertical > combobox:first-child > .linked > button.combo:focus:hover:first-child { border-image: none; border-style: solid; border-color: @borders; @@ -2721,9 +2417,11 @@ combobox separator { -GtkWidget-vertical-separator: 0; } -combobox > entry.combo, +combobox > entry.combo:focus { + box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 0.1); +} + combobox > button.combo, -combobox > entry.combo:backdrop, combobox > button.combo:backdrop, toolbar.primary-toolbar combobox entry.combo, toolbar.primary-toolbar combobox button.combo { @@ -2732,17 +2430,134 @@ toolbar.primary-toolbar combobox button.combo { border-width: 2px; } -combobox > entry.combo:focus { - box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 0.1); +combobox > .horizontal.linked > button.combo, +combobox > .horizontal.linked > button.combo:backdrop, +combobox > .horizontal.linked > button.combo:focus, +combobox > .horizontal.linked > button.combo:focus:hover { + border-width: 2px 0px 2px 0px; + border-image-width: 3px 0px 4px 0; + border-radius: 0px; } -combobox.linked > button.combo, -combobox.linked > button.combo:checked { - border-right-width: 2px; - border-left-width: 0; +combobox > .horizontal.linked > button.combo:first-child, +combobox > .horizontal.linked > button.combo:backdrop:first-child, +combobox > .horizontal.linked > button.combo:focus:first-child, +combobox > .horizontal.linked > button.combo:focus:hover:first-child { + border-width: 2px 0px 2px 2px; + border-image-width: 3px 0px 4px 3px; + border-radius: 3px 0px 0px 3px; +} + +combobox > .horizontal.linked > button.combo:last-child, +combobox > .horizontal.linked > button.combo:backdrop:last-child, +combobox > .horizontal.linked > button.combo:focus:last-child, +combobox > .horizontal.linked > button.combo:focus:hover:last-child { + border-width: 2px 2px 2px 0px; + border-image-width: 3px 3px 4px 0px; + border-radius: 0px 3px 3px 0px; +} + +combobox > .horizontal.linked > button.combo:only-child, +combobox > .horizontal.linked > button.combo:backdrop:only-child, +combobox > .horizontal.linked > button.combo:focus:only-child, +combobox > .horizontal.linked > button.combo:focus:hover:only-child { + border-width: 2px; + border-image-width: 3px 3px 4px 3px; + border-radius: 3px; +} + +/* linked combobox */ +/* Middle button */ +.linked.horizontal > combobox > .linked > button.combo, +.linked.horizontal > combobox > .linked > button.combo:focus, +.linked.horizontal > combobox > .linked > button.combo:disabled, +.linked.horizontal > combobox > .linked > button.combo:backdrop, +.linked.horizontal > combobox > .linked > button.combo:focus:hover, +.linked.horizontal > combobox > .linked > button.combo:checked { + border-width: 2px 0px 2px 0px; + border-image-width: 3px 0 4px 0; + border-radius: 0; +} + +/* Leftmost button */ +.linked.horizontal > combobox:first-child > .linked > button.combo:first-child, +.linked.horizontal > combobox:first-child > .linked > button.combo:focus:first-child, +.linked.horizontal > combobox:first-child > .linked > button.combo:disabled:first-child, +.linked.horizontal > combobox:first-child > .linked > button.combo:backdrop:first-child, +.linked.horizontal > combobox:first-child > .linked > button.combo:focus:hover:first-child, +.linked.horizontal > combobox:first-child > .linked > button.combo:checked:first-child { + border-width: 2px 0px 2px 2px; + border-image-width: 3px 0 4px 4px; + border-radius: 3px 0px 0px 3px; +} + +/* Rightmost button */ +.linked.horizontal > combobox:last-child > .linked > button.combo:last-child, +.linked.horizontal > combobox:last-child > .linked > button.combo:focus:last-child, +.linked.horizontal > combobox:last-child > .linked > button.combo:disabled:last-child, +.linked.horizontal > combobox:last-child > .linked > button.combo:backdrop:last-child, +.linked.horizontal > combobox:last-child > .linked > button.combo:focus:hover:last-child, +.linked.horizontal > combobox:last-child > .linked > button.combo:checked:last-child { + border-width: 2px 2px 2px 0px; border-image-width: 3px 4px 4px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; + border-radius: 0px 3px 3px 0px; +} + +/* Middle button (vertical) */ +.linked.vertical > combobox > .linked > button.combo, +.linked.vertical > combobox > .linked > button.combo:focus, +.linked.vertical > combobox > .linked > button.combo:disabled, +.linked.vertical > combobox > .linked > button.combo:backdrop, +.linked.vertical > combobox > .linked > button.combo:focus:hover, +.linked.vertical > combobox > .linked > button.combo:checked { + border-top-width: 0px; + border-bottom-width: 0px; + border-right-width: 1px; + border-left-width: 1px; + border-image-width: 0 4px; + border-radius: 0; +} + +/* Top button (vertical) */ +.linked.vertical > combobox:first-child > .linked > button.combo:first-child, +.linked.vertical > combobox:first-child > .linked > button.combo:focus:first-child, +.linked.vertical > combobox:first-child > .linked > button.combo:disabled:first-child, +.linked.vertical > combobox:first-child > .linked > button.combo:backdrop:first-child, +.linked.vertical > combobox:first-child > .linked > button.combo:focus:hover:first-child, +.linked.vertical > combobox:first-child > .linked > button.combo:checked:first-child { + border-bottom-width: 0px; + border-top-width: 1px; + border-right-width: 1px; + border-left-width: 1px; + border-image-width: 3px 4px 0 4px; + border-radius: 4px 4px 0 0; +} + +/* Bottom button (vertical) */ +.linked.vertical > combobox:last-child > .linked > button.combo:last-child, +.linked.vertical > combobox:last-child > .linked > button.combo:focus:last-child, +.linked.vertical > combobox:last-child > .linked > button.combo:disabled:last-child, +.linked.vertical > combobox:last-child > .linked > button.combo:backdrop:last-child, +.linked.vertical > combobox:last-child > .linked > button.combo:focus:hover:last-child, +.linked.vertical > combobox:last-child > .linked > button.combo:checked:last-child { + border-top-width: 0px; + border-bottom-width: 1px; + border-right-width: 1px; + border-left-width: 1px; + border-image-width: 0 4px 4px 4px; + border-radius: 0 0 4px 4px; +} + +/* Linked single button (vertical) */ +.linked.vertical > combobox:only-child > .linked > button.combo:only-child, +.linked.vertical > combobox:only-child > .linked > button.combo:focus:only-child, +.linked.vertical > combobox:only-child > .linked > button.combo:disabled:only-child, +.linked.vertical > combobox:only-child > .linked > button.combo:backdrop:only-child, +.linked.vertical > combobox:only-child > .linked > button.combo:focus:hover:only-child, +.linked.vertical > combobox:only-child > .linked > button.combo:checked:only-child { + border-width: 1px; + border-image-width: 3px 4px 4px 4px; + border-radius: 4px; } combobox arrow { diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css index 3b672ba0..f21073eb 100644 --- a/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css +++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets-borders.css @@ -2,6 +2,8 @@ /* generic element borders (checked)*/ entry, +combobox entry.combo, +combobox button.combo:checked, button:checked, toolbar.inline-toolbar.vertical button:checked { border-image: url("borders/button-active.png") 3 4 5 4 / 3px 4px 5px 4px stretch; @@ -54,6 +56,7 @@ row trough { entry:focus, button:checked:focus, button.default:checked, +combobox entry.combo:focus, combobox button.combo:focus, toolbar.inline-toolbar.vertical button:focus:checked, toolbar.inline-toolbar.vertical button.default:checked { @@ -76,7 +79,6 @@ toolbar.inline-toolbar.vertical button.default:checked { } button, -combobox entry.combo, combobox button.combo { border-image: url("borders/button.png") 3 4 4 4 / 3px 4px 4px 4px stretch; border-radius: 4px; diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css index 23bf3097..b9a04800 100644 --- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css @@ -1185,8 +1185,7 @@ button.font, button.file, button.toggle.popup, button.link, -combobox, -combobox button.combo { +button.combo { -gtk-icon-style: regular; padding: 4px; min-height: 20px; @@ -1312,11 +1311,14 @@ toolbar.inline-toolbar button:disabled { /* Set up shadows and hilights for button visual separation */ .linked entry, -.linked entry:backdrop { +.linked entry:backdrop, +.linked entry.combo, +.linked entry.combo:backdrop { box-shadow: inset -1px 0 @inset_dark_color; } -.linked entry:focus { +.linked entry:focus, +.linked entry.combo:focus { box-shadow: inset 1px 0 @inset_dark_color, inset -1px 0 @inset_dark_color, inset 1px 2px alpha(@theme_selected_bg_color, 0.1), @@ -1325,7 +1327,8 @@ toolbar.inline-toolbar button:disabled { } -.linked entry:focus:first-child { +.linked entry:focus:first-child, +.linked entry.combo:first-child { box-shadow: inset -1px 0 @inset_dark_color, inset 1px 2px alpha(@theme_selected_bg_color, 0.1), inset 1px 1px alpha(@theme_selected_bg_color, 0.1), @@ -1333,7 +1336,8 @@ toolbar.inline-toolbar button:disabled { } -.linked entry:focus:last-child { +.linked entry:focus:last-child, +.linked entry.combo:last-child { box-shadow: inset 1px 0 @inset_dark_color, inset 1px 2px alpha(@theme_selected_bg_color, 0.1), inset 1px 1px alpha(@theme_selected_bg_color, 0.1), @@ -1343,7 +1347,7 @@ toolbar.inline-toolbar button:disabled { /* Set up shadows and hilights for button visual separation */ .linked button, -.linked combobox button.combo, +.linked.horizontal > combobox > .linked > button.combo, toolbar .raised.linked button, toolbar.inline-toolbar button, toolbar.inline-toolbar toolbutton > button { @@ -1351,7 +1355,7 @@ toolbar.inline-toolbar toolbutton > button { } .linked button:first-child, -.linked combobox:first-child button.combo:first-child, +.linked.horizontal > combobox:first-child > .linked > button.combo:first-child, toolbar .raised.linked button:first-child, toolbar.inline-toolbar button:first-child, toolbar.inline-toolbar toolbutton > button:first-child { @@ -1359,7 +1363,7 @@ toolbar.inline-toolbar toolbutton > button:first-child { } .linked button:last-child, -.linked combobox:last-child button.combo:last-child, +.linked.horizontal > combobox:last-child > .linked > button.combo:last-child, toolbar .raised.linked button:last-child, toolbar.inline-toolbar button:last-child, toolbar.inline-toolbar toolbutton > button:last-child { @@ -1367,7 +1371,7 @@ toolbar.inline-toolbar toolbutton > button:last-child { } .linked button:checked, -.linked combobox button.combo:checked, +.linked.horizontal > combobox > .linked > button.combo:checked, toolbar .raised.linked button:checked, toolbar.inline-toolbar button:checked, toolbar.inline-toolbar toolbutton > button:checked { @@ -1375,7 +1379,7 @@ toolbar.inline-toolbar toolbutton > button:checked { } .linked button:disabled, -.linked combobox button.combo:disabled, +.linked.horizontal > combobox > .linked > button.combo:disabled, toolbar .raised.linked button:disabled, toolbar.inline-toolbar button:disabled, toolbar.inline-toolbar toolbutton > button:disabled { @@ -1407,17 +1411,8 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked { /* Middle button */ .linked entry, +.linked entry.combo, .linked entry:backdrop, -.linked > combobox > button.combo, -.linked > combobox > button.combo:focus, -.linked > combobox > button.combo:disabled, -.linked > combobox > button.combo:backdrop, -.linked > combobox > button.combo:focus:active, -.linked > combobox > button.combo:checked, -.linked > combobox > button.combo:focus:active, -.linked > combobox > button.combo:hover, -.linked > combobox > button.combo:hover:active, -.linked > combobox > button.combo:checked:hover, .linked button, .linked button:hover, .linked button:hover:active, @@ -1434,16 +1429,8 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked { /* Leftmost button */ .linked entry:first-child, .linked entry:backdrop:first-child, -.linked > combobox:first-child > button.combo:first-child, -.linked > combobox:first-child > button.combo:focus:first-child, -.linked > combobox:first-child > button.combo:disabled:first-child, -.linked > combobox:first-child > button.combo:backdrop:first-child, -.linked > combobox:first-child > button.combo:focus:active:first-child, -.linked > combobox:first-child > button.combo:checked:first-child, -.linked > combobox:first-child > button.combo:focus:checked:first-child, -.linked > combobox:first-child > button.combo:hover:first-child, -.linked > combobox:first-child > button.combo:hover:active:first-child, -.linked > combobox:first-child > button.combo:checked:hover:first-child, +.linked entry.combo:first-child, +.linked entry.combo:backdrop:first-child, .linked button:first-child, .linked button:hover:active:first-child, .linked button:checked:first-child, @@ -1459,16 +1446,8 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked { /* Rightmost button */ .linked entry:last-child, .linked entry:backdrop:last-child, -.linked > combobox:last-child > button.combo:last-child, -.linked > combobox:last-child > button.combo:focus:last-child, -.linked > combobox:last-child > button.combo:disabled:last-child, -.linked > combobox:last-child > button.combo:backdrop:last-child, -.linked > combobox:last-child > button.combo:focus:active:last-child, -.linked > combobox:last-child > button.combo:checked:last-child, -.linked > combobox:last-child > button.combo:focus:checked:last-child, -.linked > combobox:last-child > button.combo:hover:last-child, -.linked > combobox:last-child > button.combo:hover:active:last-child, -.linked > combobox:last-child > button.combo:checked:hover:last-child, +.linked entry.combo:last-child, +.linked entry.combo:backdrop:last-child, .linked button:last-child, .linked button:hover:active:last-child, .linked button:checked:last-child, @@ -1484,16 +1463,8 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked { /* Linked single button */ .linked entry:only-child, .linked entry:backdrop:only-child, -.linked > combobox:only-child > button.combo:only-child, -.linked > combobox:only-child > button.combo:focus:only-child, -.linked > combobox:only-child > button.combo:disabled:only-child, -.linked > combobox:only-child > button.combo:backdrop:only-child, -.linked > combobox:only-child > button.combo:hover:only-child, -.linked > combobox:only-child > button.combo:hover:active:only-child, -.linked > combobox:only-child > button.combo:focus:active:only-child, -.linked > combobox:only-child > button.combo:checked:only-child, -.linked > combobox:only-child > button.combo:checked:hover:only-child, -.linked > combobox:only-child > button.combo:focus:checked:only-child, +.linked entry.combo:only-child, +.linked entry.combo:backdrop:only-child, .linked button:only-child, .linked button:hover:active:only-child, .linked button:checked:only-child, @@ -1506,18 +1477,10 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked { } /* Middle button (vertical) */ -.linked.vertical > combobox > button.combo, -.linked.vertical > combobox > button.combo:focus, -.linked.vertical > combobox > button.combo:disabled, -.linked.vertical > combobox > button.combo:backdrop, -.linked.vertical > combobox > button.combo:focus:active, -.linked.vertical > combobox > button.combo:checked, -.linked.vertical > combobox > button.combo:focus:checked, -.linked.vertical > combobox > button.combo:hover, -.linked.vertical > combobox > button.combo:hover:active, -.linked.vertical > combobox > button.combo:checked:hover, .linked.vertical entry, .linked.vertical entry:backdrop, +.linked.vertical entry.combo, +.linked.vertical entry.combo:backdrop, .linked.vertical button, .linked.vertical button:hover:active, .linked.vertical button:checked, @@ -1532,18 +1495,10 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked { } /* Top button (vertical) */ -.linked.vertical > combobox:first-child > button.combo:first-child, -.linked.vertical > combobox:first-child > button.combo:focus:first-child, -.linked.vertical > combobox:first-child > button.combo:disabled:first-child, -.linked.vertical > combobox:first-child > button.combo:backdrop:first-child, -.linked.vertical > combobox:first-child > button.combo:focus:active:first-child, -.linked.vertical > combobox:first-child > button.combo:checked:first-child, -.linked.vertical > combobox:first-child > button.combo:focus:checked:first-child, -.linked.vertical > combobox:first-child > button.combo:hover:first-child, -.linked.vertical > combobox:first-child > button.combo:hover:active:first-child, -.linked.vertical > combobox:first-child > button.combo:checked:hover:first-child, .linked.vertical entry:first-child, .linked.vertical entry:backdrop:first-child, +.linked.vertical entry.combo:first-child, +.linked.vertical entry.combo:backdrop:first-child, .linked.vertical button:first-child, .linked.vertical button:hover:active:first-child, .linked.vertical button:checked:first-child, @@ -1558,18 +1513,10 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked { } /* Bottom button (vertical) */ -.linked.vertical > combobox:last-child > button.combo:last-child, -.linked.vertical > combobox:last-child > button.combo:focus:last-child, -.linked.vertical > combobox:last-child > button.combo:disabled:last-child, -.linked.vertical > combobox:last-child > button.combo:backdrop:last-child, -.linked.vertical > combobox:last-child > button.combo:focus:active:last-child, -.linked.vertical > combobox:last-child > button.combo:checked:last-child, -.linked.vertical > combobox:last-child > button.combo:focus:checked:last-child, -.linked.vertical > combobox:last-child > button.combo:hover:last-child, -.linked.vertical > combobox:last-child > button.combo:hover:active:last-child, -.linked.vertical > combobox:last-child > button.combo:checked:hover:last-child, .linked.vertical entry:last-child, .linked.vertical entry:backdrop:last-child, +.linked.vertical entry.combo:last-child, +.linked.vertical entry.combo:backdrop:last-child, .linked.vertical button:last-child, .linked.vertical button:hover:active:last-child, .linked.vertical button:checked:last-child, @@ -1584,18 +1531,10 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked { } /* Linked single button (vertical) */ -.linked.vertical > combobox:only-child > button.combo:only-child, -.linked.vertical > combobox:only-child > button.combo:focus:only-child, -.linked.vertical > combobox:only-child > button.combo:disabled:only-child, -.linked.vertical > combobox:only-child > button.combo:backdrop:only-child, -.linked.vertical > combobox:only-child > button.combo:hover:only-child, -.linked.vertical > combobox:only-child > button.combo:hover:active:only-child, -.linked.vertical > combobox:only-child > button.combo:focus:active:only-child, -.linked.vertical > combobox:only-child > button.combo:checked:only-child, -.linked.vertical > combobox:only-child > button.combo:checked:hover:only-child, -.linked.vertical > combobox:only-child > button.combo:focus:checked:only-child, .linked.vertical entry:only-child, .linked.vertical entry:backdrop:only-child, +.linked.vertical entry.combo:only-child, +.linked.vertical entry.combo:backdrop:only-child, .linked.vertical button:only-child, .linked.vertical button:hover:active:only-child, .linked.vertical button:checked:only-child, @@ -2092,10 +2031,10 @@ stackswitcher > button:dir(ltr).text-button.radio:checked:hover:active:last-chi } /* stack */ -stack > box.linked.vertical > combobox:first-child > button.combo:first-child, -stack > box.linked.vertical > combobox:first-child > button.combo:checked:first-child, -stack > box.linked.vertical > combobox:first-child > button.combo:focus:first-child, -stack > box.linked.vertical > combobox:first-child > button.combo:focus:hover:first-child { +stack > box.linked.vertical > combobox:first-child > .linked > button.combo:first-child, +stack > box.linked.vertical > combobox:first-child > .linked > button.combo:checked:first-child, +stack > box.linked.vertical > combobox:first-child > .linked > button.combo:focus:first-child, +stack > box.linked.vertical > combobox:first-child > .linked > button.combo:focus:hover:first-child { border-image: none; border-style: solid; border-color: @borders; @@ -2483,9 +2422,11 @@ combobox separator { -GtkWidget-vertical-separator: 0; } -combobox > entry.combo, +combobox > entry.combo:focus { + box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 0.1); +} + combobox > button.combo, -combobox > entry.combo:backdrop, combobox > button.combo:backdrop, toolbar.primary-toolbar combobox entry.combo, toolbar.primary-toolbar combobox button.combo { @@ -2494,17 +2435,134 @@ toolbar.primary-toolbar combobox button.combo { border-width: 2px; } -combobox > entry.combo:focus { - box-shadow: inset 1px 2px alpha(@theme_selected_bg_color, 0.1); +combobox > .horizontal.linked > button.combo, +combobox > .horizontal.linked > button.combo:backdrop, +combobox > .horizontal.linked > button.combo:focus, +combobox > .horizontal.linked > button.combo:focus:hover { + border-width: 2px 0px 2px 0px; + border-image-width: 3px 0px 4px 0; + border-radius: 0px; } -combobox.linked > button.combo, -combobox.linked > button.combo:checked { - border-right-width: 2px; - border-left-width: 0; +combobox > .horizontal.linked > button.combo:first-child, +combobox > .horizontal.linked > button.combo:backdrop:first-child, +combobox > .horizontal.linked > button.combo:focus:first-child, +combobox > .horizontal.linked > button.combo:focus:hover:first-child { + border-width: 2px 0px 2px 2px; + border-image-width: 3px 0px 4px 3px; + border-radius: 3px 0px 0px 3px; +} + +combobox > .horizontal.linked > button.combo:last-child, +combobox > .horizontal.linked > button.combo:backdrop:last-child, +combobox > .horizontal.linked > button.combo:focus:last-child, +combobox > .horizontal.linked > button.combo:focus:hover:last-child { + border-width: 2px 2px 2px 0px; + border-image-width: 3px 3px 4px 0px; + border-radius: 0px 3px 3px 0px; +} + +combobox > .horizontal.linked > button.combo:only-child, +combobox > .horizontal.linked > button.combo:backdrop:only-child, +combobox > .horizontal.linked > button.combo:focus:only-child, +combobox > .horizontal.linked > button.combo:focus:hover:only-child { + border-width: 2px; + border-image-width: 3px 3px 4px 3px; + border-radius: 3px; +} + +/* linked combobox */ +/* Middle button */ +.linked.horizontal > combobox > .linked > button.combo, +.linked.horizontal > combobox > .linked > button.combo:focus, +.linked.horizontal > combobox > .linked > button.combo:disabled, +.linked.horizontal > combobox > .linked > button.combo:backdrop, +.linked.horizontal > combobox > .linked > button.combo:focus:hover, +.linked.horizontal > combobox > .linked > button.combo:checked { + border-width: 2px 0px 2px 0px; + border-image-width: 3px 0 4px 0; + border-radius: 0; +} + +/* Leftmost button */ +.linked.horizontal > combobox:first-child > .linked > button.combo:first-child, +.linked.horizontal > combobox:first-child > .linked > button.combo:focus:first-child, +.linked.horizontal > combobox:first-child > .linked > button.combo:disabled:first-child, +.linked.horizontal > combobox:first-child > .linked > button.combo:backdrop:first-child, +.linked.horizontal > combobox:first-child > .linked > button.combo:focus:hover:first-child, +.linked.horizontal > combobox:first-child > .linked > button.combo:checked:first-child { + border-width: 2px 0px 2px 2px; + border-image-width: 3px 0 4px 4px; + border-radius: 3px 0px 0px 3px; +} + +/* Rightmost button */ +.linked.horizontal > combobox:last-child > .linked > button.combo:last-child, +.linked.horizontal > combobox:last-child > .linked > button.combo:focus:last-child, +.linked.horizontal > combobox:last-child > .linked > button.combo:disabled:last-child, +.linked.horizontal > combobox:last-child > .linked > button.combo:backdrop:last-child, +.linked.horizontal > combobox:last-child > .linked > button.combo:focus:hover:last-child, +.linked.horizontal > combobox:last-child > .linked > button.combo:checked:last-child { + border-width: 2px 2px 2px 0px; border-image-width: 3px 4px 4px 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; + border-radius: 0px 3px 3px 0px; +} + +/* Middle button (vertical) */ +.linked.vertical > combobox > .linked > button.combo, +.linked.vertical > combobox > .linked > button.combo:focus, +.linked.vertical > combobox > .linked > button.combo:disabled, +.linked.vertical > combobox > .linked > button.combo:backdrop, +.linked.vertical > combobox > .linked > button.combo:focus:hover, +.linked.vertical > combobox > .linked > button.combo:checked { + border-top-width: 0px; + border-bottom-width: 0px; + border-right-width: 1px; + border-left-width: 1px; + border-image-width: 0 4px; + border-radius: 0; +} + +/* Top button (vertical) */ +.linked.vertical > combobox:first-child > .linked > button.combo:first-child, +.linked.vertical > combobox:first-child > .linked > button.combo:focus:first-child, +.linked.vertical > combobox:first-child > .linked > button.combo:disabled:first-child, +.linked.vertical > combobox:first-child > .linked > button.combo:backdrop:first-child, +.linked.vertical > combobox:first-child > .linked > button.combo:focus:hover:first-child, +.linked.vertical > combobox:first-child > .linked > button.combo:checked:first-child { + border-bottom-width: 0px; + border-top-width: 1px; + border-right-width: 1px; + border-left-width: 1px; + border-image-width: 3px 4px 0 4px; + border-radius: 4px 4px 0 0; +} + +/* Bottom button (vertical) */ +.linked.vertical > combobox:last-child > .linked > button.combo:last-child, +.linked.vertical > combobox:last-child > .linked > button.combo:focus:last-child, +.linked.vertical > combobox:last-child > .linked > button.combo:disabled:last-child, +.linked.vertical > combobox:last-child > .linked > button.combo:backdrop:last-child, +.linked.vertical > combobox:last-child > .linked > button.combo:focus:hover:last-child, +.linked.vertical > combobox:last-child > .linked > button.combo:checked:last-child { + border-top-width: 0px; + border-bottom-width: 1px; + border-right-width: 1px; + border-left-width: 1px; + border-image-width: 0 4px 4px 4px; + border-radius: 0 0 4px 4px; +} + +/* Linked single button (vertical) */ +.linked.vertical > combobox:only-child > .linked > button.combo:only-child, +.linked.vertical > combobox:only-child > .linked > button.combo:focus:only-child, +.linked.vertical > combobox:only-child > .linked > button.combo:disabled:only-child, +.linked.vertical > combobox:only-child > .linked > button.combo:backdrop:only-child, +.linked.vertical > combobox:only-child > .linked > button.combo:focus:hover:only-child, +.linked.vertical > combobox:only-child > .linked > button.combo:checked:only-child { + border-width: 1px; + border-image-width: 3px 4px 4px 4px; + border-radius: 4px; } combobox arrow { |