diff options
-rw-r--r-- | desktop-themes/BlueMenta/gtk-3.0/gtk-widgets.css | 221 | ||||
-rw-r--r-- | desktop-themes/Menta/gtk-3.0/gtk-widgets.css | 209 |
2 files changed, 150 insertions, 280 deletions
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); diff --git a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css index 10e11ba0..d35d9071 100644 --- a/desktop-themes/Menta/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/Menta/gtk-3.0/gtk-widgets.css @@ -1689,7 +1689,7 @@ toolbar.inline-toolbar toolbutton > button:first-child:checked, .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:first-child: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, @@ -2295,18 +2295,18 @@ stack > box.linked.vertical > combobox:first-child > button.combo:focus:hover:fi border-image: none; border-style: solid; border-color: @borders; + border-width: 1px; } -stack > box.linked.vertical > button.text-button:last-child, -stack > box.linked.vertical > button.text-button:last-child:hover { +stack > box.linked.vertical > button.text-button:last-child { border-image: none; border-style: solid; border-color: @borders; - border-width: 1px 1px 1px 1px; + border-width: 0px 1px 1px 1px; } stack box.vertical.linked spinbutton.horizontal { - border-width: 1px 1px 0px 1px; + border-width: 0px 1px 1px 1px; } /***************** @@ -2322,138 +2322,110 @@ notebook, border-color: @borders; border-width: 0px; background-color: shade (@theme_bg_color, 1.1); + 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)); @@ -2461,11 +2433,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)); @@ -2476,21 +2446,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)); @@ -2503,78 +2469,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)); @@ -2583,10 +2525,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; @@ -2600,18 +2550,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; @@ -2622,9 +2567,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); |