Reworked linked buttons
parent
a7eacd12c1
commit
87d19a6ae0
|
@ -174,9 +174,6 @@ GtkAssistant .sidebar {
|
||||||
-GtkWidget-focus-line-width: 0;
|
-GtkWidget-focus-line-width: 0;
|
||||||
|
|
||||||
padding: 3px 2px;
|
padding: 3px 2px;
|
||||||
}
|
|
||||||
|
|
||||||
.button {
|
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@theme_bg_color, 0.8);
|
border-color: shade(@theme_bg_color, 0.8);
|
||||||
|
@ -249,240 +246,6 @@ GtkAssistant .sidebar {
|
||||||
color: shade(@theme_selected_fg_color, 0.9);
|
color: shade(@theme_selected_fg_color, 0.9);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* linked buttons */
|
|
||||||
.linked .button,
|
|
||||||
.toolbar .button.raised.linked,
|
|
||||||
.toolbar .raised.linked .button,
|
|
||||||
.inline-toolbar.toolbar .button,
|
|
||||||
.inline-toolbar.toolbar GtkToolButton > .button {
|
|
||||||
box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.linked .button:active,
|
|
||||||
.toolbar .button.raised.linked:active,
|
|
||||||
.toolbar .raised.linked .button:active,
|
|
||||||
.inline-toolbar.toolbar .button:active,
|
|
||||||
.inline-toolbar.toolbar GtkToolButton > .button:active {
|
|
||||||
box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9),
|
|
||||||
inset 1px 0 alpha(@dark_shadow, 0.07),
|
|
||||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
|
||||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.linked .button:insensitive,
|
|
||||||
.toolbar .button.raised.linked:insensitive,
|
|
||||||
.toolbar .raised.linked .button:insensitive,
|
|
||||||
.inline-toolbar.toolbar .button:insensitive,
|
|
||||||
.inline-toolbar.toolbar GtkToolButton > .button:insensitive {
|
|
||||||
box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* remove box shadow from last-child and only-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,
|
|
||||||
.linked .button:only-child,
|
|
||||||
.toolbar .button.raised.linked:only-child,
|
|
||||||
.toolbar .raised.linked .button:only-child,
|
|
||||||
.inline-toolbar.toolbar .button:only-child,
|
|
||||||
.inline-toolbar.toolbar GtkToolButton:only-child > .button,
|
|
||||||
.linked .button:insensitive:last-child,
|
|
||||||
.toolbar .button:insensitive.raised.linked:last-child,
|
|
||||||
.toolbar .raised.linked .button:insensitive:last-child,
|
|
||||||
.inline-toolbar.toolbar .button:insensitive:last-child,
|
|
||||||
.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive,
|
|
||||||
.linked .button:insensitive:only-child,
|
|
||||||
.toolbar .button:insensitive.raised.linked:only-child,
|
|
||||||
.toolbar .raised.linked .button:insensitive:only-child,
|
|
||||||
.inline-toolbar.toolbar .button:insensitive:only-child,
|
|
||||||
.inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive {
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* add back the inset shadow effect */
|
|
||||||
.linked .button:active:last-child,
|
|
||||||
.toolbar .button:active.raised.linked:last-child,
|
|
||||||
.toolbar .raised.linked .button:active:last-child,
|
|
||||||
.inline-toolbar.toolbar .button:active:last-child,
|
|
||||||
.inline-toolbar.toolbar GtkToolButton:last-child > .button:active,
|
|
||||||
.linked .button:active:only-child,
|
|
||||||
.toolbar .button:active.raised.linked:only-child,
|
|
||||||
.toolbar .raised.linked .button:active:only-child,
|
|
||||||
.inline-toolbar.toolbar .button:active:only-child,
|
|
||||||
.inline-toolbar.toolbar GtkToolButton:only-child > .button:active {
|
|
||||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
|
||||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
|
||||||
inset -1px 0 alpha(@dark_shadow, 0.07),
|
|
||||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* middle button */
|
|
||||||
.linked .entry,
|
|
||||||
.linked .button,
|
|
||||||
.linked .button:active,
|
|
||||||
.linked .button:active:hover,
|
|
||||||
.linked .button:insensitive {
|
|
||||||
border-width: 1px;
|
|
||||||
border-radius: 0;
|
|
||||||
border-right-width: 0;
|
|
||||||
border-left-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* leftmost button */
|
|
||||||
.linked .entry:first-child,
|
|
||||||
.linked .button:first-child,
|
|
||||||
.linked .button:active:first-child,
|
|
||||||
.linked .button:active:hover:first-child,
|
|
||||||
.linked .button:insensitive:first-child {
|
|
||||||
border-width: 1px;
|
|
||||||
border-radius: 2px;
|
|
||||||
border-right-width: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* rightmost button */
|
|
||||||
.linked .entry:last-child,
|
|
||||||
.linked .button:last-child,
|
|
||||||
.linked .button:active:last-child,
|
|
||||||
.linked .button:active:hover:last-child,
|
|
||||||
.linked .button:insensitive:last-child {
|
|
||||||
border-width: 1px;
|
|
||||||
border-radius: 2px;
|
|
||||||
border-left-width: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* linked single button */
|
|
||||||
.linked .entry:only-child,
|
|
||||||
.linked .button:only-child,
|
|
||||||
.linked .button:active:only-child,
|
|
||||||
.linked .button:active:hover:only-child,
|
|
||||||
.linked .button:insensitive:only-child {
|
|
||||||
border-width: 1px;
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* middle button (vertical) */
|
|
||||||
.linked.vertical .entry,
|
|
||||||
.linked.vertical .button,
|
|
||||||
.linked.vertical .button:active,
|
|
||||||
.linked.vertical .button:active:hover,
|
|
||||||
.linked.vertical .button:insensitive {
|
|
||||||
border-width: 1px;
|
|
||||||
border-radius: 0;
|
|
||||||
border-top-width: 0;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* top button (vertical) */
|
|
||||||
.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:insensitive:first-child {
|
|
||||||
border-width: 1px;
|
|
||||||
border-radius: 2px;
|
|
||||||
border-bottom-width: 0;
|
|
||||||
border-bottom-right-radius: 0;
|
|
||||||
border-bottom-left-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* bottom button (vertical) */
|
|
||||||
.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:insensitive:last-child {
|
|
||||||
border-width: 1px;
|
|
||||||
border-radius: 2px;
|
|
||||||
border-top-width: 0;
|
|
||||||
border-top-left-radius: 0;
|
|
||||||
border-top-right-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* linked single button (vertical) */
|
|
||||||
.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:insensitive:only-child {
|
|
||||||
border-width: 1px;
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* linked button shadows (vertical) */
|
|
||||||
.linked.vertical .button,
|
|
||||||
.toolbar.vertical .button.raised.linked,
|
|
||||||
.toolbar.vertical .raised.linked .button,
|
|
||||||
.inline-toolbar.toolbar.vertical .button,
|
|
||||||
.inline-toolbar.toolbar.vertical GtkToolButton > .button {
|
|
||||||
box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
.linked.vertical .button:active,
|
|
||||||
.toolbar.vertical .button.raised.linked:active,
|
|
||||||
.toolbar.vertical .raised.linked .button:active,
|
|
||||||
.inline-toolbar.toolbar.vertical .button:active,
|
|
||||||
.inline-toolbar.toolbar.vertical GtkToolButton > .button:active {
|
|
||||||
box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9),
|
|
||||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
|
||||||
inset 1px 0 alpha(@dark_shadow, 0.07),
|
|
||||||
inset 0 1px alpha(@dark_shadow, 0.08);
|
|
||||||
}
|
|
||||||
|
|
||||||
.linked.vertical .button:insensitive,
|
|
||||||
.toolbar.vertical .button.raised.linked:insensitive,
|
|
||||||
.toolbar.vertical .raised.linked .button:insensitive,
|
|
||||||
.inline-toolbar.toolbar.vertical .button:insensitive,
|
|
||||||
.inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive {
|
|
||||||
box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* remove box shadow from last-child and only-child */
|
|
||||||
.linked.vertical .button:last-child,
|
|
||||||
.toolbar.vertical .button.raised.linked:last-child,
|
|
||||||
.toolbar.vertical .raised.linked .button:last-child,
|
|
||||||
.inline-toolbar.toolbar.vertical .button:last-child,
|
|
||||||
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button,
|
|
||||||
.linked.vertical .button:only-child,
|
|
||||||
.toolbar.vertical .button.raised.linked:only-child,
|
|
||||||
.toolbar.vertical .raised.linked .button:only-child,
|
|
||||||
.inline-toolbar.toolbar.vertical .button:only-child,
|
|
||||||
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button,
|
|
||||||
.linked.vertical .button:insensitive:last-child,
|
|
||||||
.toolbar.vertical .button:insensitive.raised.linked:last-child,
|
|
||||||
.toolbar.vertical .raised.linked .button:insensitive:last-child,
|
|
||||||
.inline-toolbar.toolbar.vertical .button:insensitive:last-child,
|
|
||||||
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive,
|
|
||||||
.linked.vertical .button:insensitive:only-child,
|
|
||||||
.toolbar.vertical .button:insensitive.raised.linked:only-child,
|
|
||||||
.toolbar.vertical .raised.linked .button:insensitive:only-child,
|
|
||||||
.inline-toolbar.toolbar.vertical .button:insensitive:only-child,
|
|
||||||
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:insensitive {
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* add back the inset shadow effect */
|
|
||||||
.linked.vertical .button:active:last-child,
|
|
||||||
.toolbar.vertical .button:active.raised.linked:last-child,
|
|
||||||
.toolbar.vertical .raised.linked .button:active:last-child,
|
|
||||||
.inline-toolbar.toolbar.vertical .button:active:last-child,
|
|
||||||
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active,
|
|
||||||
.linked.vertical .button:active:only-child,
|
|
||||||
.toolbar.vertical .button:active.raised.linked:only-child,
|
|
||||||
.toolbar.vertical .raised.linked .button:active:only-child,
|
|
||||||
.inline-toolbar.toolbar.vertical .button:active:only-child,
|
|
||||||
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active {
|
|
||||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
|
||||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
|
||||||
inset -1px 0 alpha(@dark_shadow, 0.07),
|
|
||||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
/****************
|
/****************
|
||||||
* cell and row *
|
* cell and row *
|
||||||
****************/
|
****************/
|
||||||
|
@ -1056,16 +819,16 @@ GtkTreeMenu .menuitem * {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menuitem.arrow {
|
|
||||||
color: alpha(@menu_fg_color, 0.6);
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuitem.check:active,
|
.menuitem.check:active,
|
||||||
.menuitem.radio:active {
|
.menuitem.radio:active {
|
||||||
border-style: none;
|
border-style: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.menuitem.arrow {
|
||||||
|
color: alpha(@menu_fg_color, 0.6);
|
||||||
|
}
|
||||||
|
|
||||||
.menuitem GtkCalendar:inconsistent {
|
.menuitem GtkCalendar:inconsistent {
|
||||||
color: mix(@menu_fg_color, @menu_bg_color, 0.5);
|
color: mix(@menu_fg_color, @menu_bg_color, 0.5);
|
||||||
}
|
}
|
||||||
|
@ -2108,78 +1871,74 @@ GtkColorButton.button {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* linked buttons */
|
/******************
|
||||||
.primary-toolbar .button.raised.linked,
|
* linked buttons *
|
||||||
.primary-toolbar .raised.linked .button,
|
*****************/
|
||||||
|
/* set up shadows for visual separation */
|
||||||
|
.linked .button,
|
||||||
.inline-toolbar.toolbar .button,
|
.inline-toolbar.toolbar .button,
|
||||||
.inline-toolbar.toolbar GtkToolButton .button {
|
.inline-toolbar.toolbar GtkToolButton .button,
|
||||||
|
.inline-toolbar.toolbar GtkToolButton > .button {
|
||||||
box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9);
|
box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9);
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary-toolbar .button.raised.linked:active,
|
.linked .button:active,
|
||||||
.primary-toolbar .raised.linked .button:active,
|
|
||||||
.inline-toolbar.toolbar .button:active,
|
.inline-toolbar.toolbar .button:active,
|
||||||
.inline-toolbar.toolbar GtkToolButton .button:active {
|
.inline-toolbar.toolbar GtkToolButton .button:active,
|
||||||
|
.inline-toolbar.toolbar GtkToolButton > .button:active {
|
||||||
box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9),
|
box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9),
|
||||||
inset 1px 0 alpha(@dark_shadow, 0.07),
|
inset 1px 0 alpha(@dark_shadow, 0.07),
|
||||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
inset 0 1px alpha(@dark_shadow, 0.08),
|
||||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
inset 0 -1px alpha(@dark_shadow, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary-toolbar .button.raised.linked:insensitive,
|
.linked .button:insensitive,
|
||||||
.primary-toolbar .raised.linked .button:insensitive,
|
|
||||||
.inline-toolbar.toolbar .button:insensitive,
|
.inline-toolbar.toolbar .button:insensitive,
|
||||||
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
|
.inline-toolbar.toolbar GtkToolButton .button:insensitive,
|
||||||
|
.inline-toolbar.toolbar GtkToolButton > .button:insensitive {
|
||||||
box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9);
|
box-shadow: inset -1px 0 shade(@theme_bg_color, 0.9);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* remove box shadow from last-child and only-child */
|
/* remove box shadow from last-child and only-child */
|
||||||
.linked .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,
|
|
||||||
.linked .button:only-child,
|
.linked .button:only-child,
|
||||||
.toolbar .button.raised.linked:only-child,
|
|
||||||
.toolbar .raised.linked .button:only-child,
|
|
||||||
.inline-toolbar.toolbar .button:only-child,
|
|
||||||
.inline-toolbar.toolbar GtkToolButton:only-child > .button,
|
|
||||||
.linked .button:insensitive:last-child,
|
.linked .button:insensitive:last-child,
|
||||||
.toolbar .button:insensitive.raised.linked:last-child,
|
|
||||||
.toolbar .raised.linked .button:insensitive:last-child,
|
|
||||||
.inline-toolbar.toolbar .button:insensitive:last-child,
|
|
||||||
.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive,
|
|
||||||
.linked .button:insensitive:only-child,
|
.linked .button:insensitive:only-child,
|
||||||
.toolbar .button:insensitive.raised.linked:only-child,
|
.linked .button:active:insensitive:last-child,
|
||||||
.toolbar .raised.linked .button:insensitive:only-child,
|
.linked .button:active:insensitive:only-child,
|
||||||
|
.inline-toolbar.toolbar .button:last-child,
|
||||||
|
.inline-toolbar.toolbar .button:only-child,
|
||||||
|
.inline-toolbar.toolbar .button:insensitive:last-child,
|
||||||
.inline-toolbar.toolbar .button:insensitive:only-child,
|
.inline-toolbar.toolbar .button:insensitive:only-child,
|
||||||
.inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive {
|
.inline-toolbar.toolbar .button:active:insensitive:last-child,
|
||||||
|
.inline-toolbar.toolbar .button:active:insensitive:only-child,
|
||||||
|
.inline-toolbar.toolbar GtkToolButton:last-child > .button,
|
||||||
|
.inline-toolbar.toolbar GtkToolButton:only-child > .button,
|
||||||
|
.inline-toolbar.toolbar GtkToolButton:last-child > .button:insensitive,
|
||||||
|
.inline-toolbar.toolbar GtkToolButton:only-child > .button:insensitive,
|
||||||
|
.inline-toolbar.toolbar GtkToolButton:last-child > .button:active:insensitive,
|
||||||
|
.inline-toolbar.toolbar GtkToolButton:only-child > .button:active:insensitive {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* add back the inset shadow effect */
|
||||||
.linked .button:active:last-child,
|
.linked .button:active:last-child,
|
||||||
.toolbar .button:active.raised.linked:last-child,
|
|
||||||
.toolbar .raised.linked .button:active:last-child,
|
|
||||||
.inline-toolbar.toolbar .button:active:last-child,
|
|
||||||
.inline-toolbar.toolbar GtkToolButton:last-child > .button:active,
|
|
||||||
.linked .button:active:only-child,
|
.linked .button:active:only-child,
|
||||||
.toolbar .button:active.raised.linked:only-child,
|
.inline-toolbar.toolbar .button:active:last-child,
|
||||||
.toolbar .raised.linked .button:active:only-child,
|
|
||||||
.inline-toolbar.toolbar .button:active:only-child,
|
.inline-toolbar.toolbar .button:active:only-child,
|
||||||
|
.inline-toolbar.toolbar GtkToolButton:last-child > .button:active,
|
||||||
.inline-toolbar.toolbar GtkToolButton:only-child > .button:active {
|
.inline-toolbar.toolbar GtkToolButton:only-child > .button:active {
|
||||||
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
||||||
inset 0 1px alpha(@dark_shadow, 0.08),
|
inset 0 1px alpha(@dark_shadow, 0.08),
|
||||||
inset -1px 0 alpha(@dark_shadow, 0.07),
|
inset -1px 0 alpha(@dark_shadow, 0.07);
|
||||||
inset 0 -1px alpha(@dark_shadow, 0.05);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* middle button */
|
/* middle button */
|
||||||
.primary-toolbar .button.raised.linked,
|
.linked .entry,
|
||||||
.primary-toolbar .button.raised.linked:active,
|
.linked .button,
|
||||||
.primary-toolbar .button.raised.linked:insensitive,
|
.linked .button:active,
|
||||||
.primary-toolbar .raised.linked .button,
|
.linked .button:active:hover,
|
||||||
.primary-toolbar .raised.linked .button:active,
|
.linked .button:insensitive,
|
||||||
.primary-toolbar .raised.linked .button:insensitive,
|
|
||||||
.inline-toolbar.toolbar .button,
|
.inline-toolbar.toolbar .button,
|
||||||
.inline-toolbar.toolbar .button:active,
|
.inline-toolbar.toolbar .button:active,
|
||||||
.inline-toolbar.toolbar .button:insensitive,
|
.inline-toolbar.toolbar .button:insensitive,
|
||||||
|
@ -2192,13 +1951,12 @@ GtkColorButton.button {
|
||||||
border-left-width: 0;
|
border-left-width: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* leftmost button */
|
/*leftmost button */
|
||||||
.primary-toolbar .button.raised.linked:first-child,
|
.linked .entry:first-child,
|
||||||
.primary-toolbar .button.raised.linked:active:first-child,
|
.linked .button:first-child,
|
||||||
.primary-toolbar .button.raised.linked:insensitive:first-child,
|
.linked .button:active:first-child,
|
||||||
.primary-toolbar .raised.linked .button:first-child,
|
.linked .button:active:hover:first-child,
|
||||||
.primary-toolbar .raised.linked .button:active:first-child,
|
.linked .button:insensitive:first-child,
|
||||||
.primary-toolbar .raised.linked .button:insensitive:first-child,
|
|
||||||
.inline-toolbar.toolbar .button:first-child,
|
.inline-toolbar.toolbar .button:first-child,
|
||||||
.inline-toolbar.toolbar .button:active:first-child,
|
.inline-toolbar.toolbar .button:active:first-child,
|
||||||
.inline-toolbar.toolbar .button:insensitive:first-child,
|
.inline-toolbar.toolbar .button:insensitive:first-child,
|
||||||
|
@ -2213,12 +1971,11 @@ GtkColorButton.button {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* rightmost button */
|
/* rightmost button */
|
||||||
.primary-toolbar .button.raised.linked:last-child,
|
.linked .entry:last-child,
|
||||||
.primary-toolbar .button.raised.linked:active:last-child,
|
.linked .button:last-child,
|
||||||
.primary-toolbar .button.raised.linked:insensitive:last-child,
|
.linked .button:active:last-child,
|
||||||
.primary-toolbar .raised.linked .button:last-child,
|
.linked .button:active:hover:last-child,
|
||||||
.primary-toolbar .raised.linked .button:active:last-child,
|
.linked .button:insensitive:last-child,
|
||||||
.primary-toolbar .raised.linked .button:insensitive:last-child,
|
|
||||||
.inline-toolbar.toolbar .button:last-child,
|
.inline-toolbar.toolbar .button:last-child,
|
||||||
.inline-toolbar.toolbar .button:active:last-child,
|
.inline-toolbar.toolbar .button:active:last-child,
|
||||||
.inline-toolbar.toolbar .button:insensitive:last-child,
|
.inline-toolbar.toolbar .button:insensitive:last-child,
|
||||||
|
@ -2233,12 +1990,11 @@ GtkColorButton.button {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* linked single button */
|
/* linked single button */
|
||||||
.primary-toolbar.toolbar .button:only-child,
|
.linked .entry:only-child,
|
||||||
.primary-toolbar.toolbar .button:active:only-child,
|
.linked .button:only-child,
|
||||||
.primary-toolbar.toolbar .button:insensitive:only-child,
|
.linked .button:active:only-child,
|
||||||
.primary-toolbar.toolbar GtkToolButton:only-child .button,
|
.linked .button:active:hover:only-child,
|
||||||
.primary-toolbar.toolbar GtkToolButton:only-child .button:active,
|
.linked .button:insensitive:only-child,
|
||||||
.primary-toolbar.toolbar GtkToolButton:only-child .button:insensitive,
|
|
||||||
.inline-toolbar.toolbar .button:only-child,
|
.inline-toolbar.toolbar .button:only-child,
|
||||||
.inline-toolbar.toolbar .button:active:only-child,
|
.inline-toolbar.toolbar .button:active:only-child,
|
||||||
.inline-toolbar.toolbar .button:insensitive:only-child,
|
.inline-toolbar.toolbar .button:insensitive:only-child,
|
||||||
|
@ -2249,6 +2005,230 @@ GtkColorButton.button {
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* linked button shadows (vertical) */
|
||||||
|
.linked.vertical .button,
|
||||||
|
.inline-toolbar.toolbar.vertical .button,
|
||||||
|
.inline-toolbar.toolbar.vertical GtkToolButton > .button {
|
||||||
|
box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.linked.vertical .button:active,
|
||||||
|
.inline-toolbar.toolbar.vertical .button:active,
|
||||||
|
.inline-toolbar.toolbar.vertical GtkToolButton > .button:active {
|
||||||
|
box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9),
|
||||||
|
inset 1px 0 alpha(@dark_shadow, 0.07),
|
||||||
|
inset 0 1px alpha(@dark_shadow, 0.08),
|
||||||
|
inset -1px 0 alpha(@dark_shadow, 0.07);
|
||||||
|
}
|
||||||
|
|
||||||
|
.linked.vertical .button:insensitive,
|
||||||
|
.inline-toolbar.toolbar.vertical .button:insensitive,
|
||||||
|
.inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive {
|
||||||
|
box-shadow: inset 0 -1px shade(@theme_bg_color, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* remove box shadow from last-child and only-child */
|
||||||
|
.linked.vertical .button:last-child,
|
||||||
|
.linked.vertical .button:only-child,
|
||||||
|
.linked.vertical .button:insensitive:last-child,
|
||||||
|
.linked.vertical .button:insensitive:only-child,
|
||||||
|
.linked.vertical .button:active:insensitive:last-child,
|
||||||
|
.linked.vertical .button:active:insensitive:only-child,
|
||||||
|
.inline-toolbar.toolbar.vertical .button:last-child,
|
||||||
|
.inline-toolbar.toolbar.vertical .button:only-child,
|
||||||
|
.inline-toolbar.toolbar.vertical .button:insensitive:last-child,
|
||||||
|
.inline-toolbar.toolbar.vertical .button:insensitive:only-child,
|
||||||
|
.inline-toolbar.toolbar.vertical .button:active:insensitive:last-child,
|
||||||
|
.inline-toolbar.toolbar.vertical .button:active:insensitive:only-child,
|
||||||
|
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button,
|
||||||
|
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button,
|
||||||
|
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:insensitive,
|
||||||
|
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:insensitive,
|
||||||
|
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active:insensitive,
|
||||||
|
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active:insensitive {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* add back the inset shadow effect */
|
||||||
|
.linked.vertical .button:active:last-child,
|
||||||
|
.linked.vertical .button:active:only-child,
|
||||||
|
.inline-toolbar.toolbar.vertical .button:active:last-child,
|
||||||
|
.inline-toolbar.toolbar.vertical .button:active:only-child,
|
||||||
|
.inline-toolbar.toolbar.vertical GtkToolButton:last-child > .button:active,
|
||||||
|
.inline-toolbar.toolbar.vertical GtkToolButton:only-child > .button:active {
|
||||||
|
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
||||||
|
inset 0 1px alpha(@dark_shadow, 0.08),
|
||||||
|
inset -1px 0 alpha(@dark_shadow, 0.07);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* middle button (vertical) */
|
||||||
|
.linked.vertical .entry,
|
||||||
|
.linked.vertical .button,
|
||||||
|
.linked.vertical .button:active,
|
||||||
|
.linked.vertical .button:active:hover,
|
||||||
|
.linked.vertical .button:insensitive {
|
||||||
|
border-width: 1px;
|
||||||
|
border-radius: 0;
|
||||||
|
border-top-width: 0;
|
||||||
|
border-bottom-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* top button (vertical) */
|
||||||
|
.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:insensitive:first-child {
|
||||||
|
border-width: 1px;
|
||||||
|
border-radius: 2px;
|
||||||
|
border-bottom-width: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* bottom button (vertical) */
|
||||||
|
.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:insensitive:last-child {
|
||||||
|
border-width: 1px;
|
||||||
|
border-radius: 2px;
|
||||||
|
border-top-width: 0;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* linked single button (vertical) */
|
||||||
|
.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:insensitive:only-child {
|
||||||
|
border-width: 1px;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* linked toolbar buttons */
|
||||||
|
.primary-toolbar .button.raised.linked,
|
||||||
|
.primary-toolbar .raised.linked .button,
|
||||||
|
.toolbar .button.linked {
|
||||||
|
box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary-toolbar .button.raised.linked:active,
|
||||||
|
.primary-toolbar .raised.linked .button:active,
|
||||||
|
.toolbar .button.linked:active {
|
||||||
|
box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9),
|
||||||
|
inset 1px 0 alpha(@dark_shadow, 0.07),
|
||||||
|
inset 0 1px alpha(@dark_shadow, 0.08),
|
||||||
|
inset 0 -1px alpha(@dark_shadow, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary-toolbar .button.raised.linked:insensitive,
|
||||||
|
.primary-toolbar .raised.linked .button:insensitive,
|
||||||
|
.toolbar .button.linked:insensitive {
|
||||||
|
box-shadow: inset -1px 0 shade(@toolbar_bg_color, 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* remove box shadow from last-child and only-child */
|
||||||
|
.primary-toolbar .button.raised.linked:last-child,
|
||||||
|
.primary-toolbar .button.raised.linked:only-child,
|
||||||
|
.primary-toolbar .button:insensitive.raised.linked:last-child,
|
||||||
|
.primary-toolbar .button:insensitive.raised.linked:only-child,
|
||||||
|
.primary-toolbar .button:active:insensitive.raised.linked:last-child,
|
||||||
|
.primary-toolbar .button:active:insensitive.raised.linked:only-child,
|
||||||
|
.primary-toolbar .raised.linked .button:last-child,
|
||||||
|
.primary-toolbar .raised.linked .button:only-child,
|
||||||
|
.primary-toolbar .raised.linked .button:insensitive:last-child,
|
||||||
|
.primary-toolbar .raised.linked .button:insensitive:only-child,
|
||||||
|
.primary-toolbar .raised.linked .button:active:insensitive:last-child,
|
||||||
|
.primary-toolbar .raised.linked .button:active:insensitive:only-child,
|
||||||
|
.toolbar .button.linked:last-child,
|
||||||
|
.toolbar .button.linked:only-child,
|
||||||
|
.toolbar .button:insensitive.raised.linked:last-child,
|
||||||
|
.toolbar .button:insensitive.raised.linked:only-child,
|
||||||
|
.toolbar .button:active:insensitive.raised.linked:last-child,
|
||||||
|
.toolbar .button:active:insensitive.raised.linked:only-child {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* add back the inset shadow effect */
|
||||||
|
.primary-toolbar .button:active.raised.linked:last-child,
|
||||||
|
.primary-toolbar .button:active.raised.linked:only-child,
|
||||||
|
.primary-toolbar .raised.linked .button:active:last-child,
|
||||||
|
.primary-toolbar .raised.linked .button:active:only-child,
|
||||||
|
.toolbar .button:active.raised.linked:last-child,
|
||||||
|
.toolbar .button:active.raised.linked:only-child {
|
||||||
|
box-shadow: inset 1px 0 alpha(@dark_shadow, 0.07),
|
||||||
|
inset 0 1px alpha(@dark_shadow, 0.08),
|
||||||
|
inset -1px 0 alpha(@dark_shadow, 0.07);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* middle button */
|
||||||
|
.primary-toolbar .button.raised.linked,
|
||||||
|
.primary-toolbar .button.raised.linked:active,
|
||||||
|
.primary-toolbar .button.raised.linked:insensitive,
|
||||||
|
.primary-toolbar .raised.linked .button,
|
||||||
|
.primary-toolbar .raised.linked .button:active,
|
||||||
|
.primary-toolbar .raised.linked .button:insensitive,
|
||||||
|
.toolbar .button.linked,
|
||||||
|
.toolbar .button.linked:active,
|
||||||
|
.toolbar .button.linked:insensitive {
|
||||||
|
border-width: 1px;
|
||||||
|
border-radius: 0;
|
||||||
|
border-right-width: 0;
|
||||||
|
border-left-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* leftmost button */
|
||||||
|
.primary-toolbar .button.raised.linked:first-child,
|
||||||
|
.primary-toolbar .button.raised.linked:active:first-child,
|
||||||
|
.primary-toolbar .button.raised.linked:insensitive:first-child,
|
||||||
|
.primary-toolbar .raised.linked .button:first-child,
|
||||||
|
.primary-toolbar .raised.linked .button:active:first-child,
|
||||||
|
.primary-toolbar .raised.linked .button:insensitive:first-child,
|
||||||
|
.toolbar .button.linked:first-child,
|
||||||
|
.toolbar .button.linked:active:first-child,
|
||||||
|
.toolbar .button.linked:insensitive:first-child {
|
||||||
|
border-width: 1px;
|
||||||
|
border-radius: 2px;
|
||||||
|
border-right-width: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* rightmost button */
|
||||||
|
.primary-toolbar .button.raised.linked:last-child,
|
||||||
|
.primary-toolbar .button.raised.linked:active:last-child,
|
||||||
|
.primary-toolbar .button.raised.linked:insensitive:last-child,
|
||||||
|
.primary-toolbar .raised.linked .button:last-child,
|
||||||
|
.primary-toolbar .raised.linked .button:active:last-child,
|
||||||
|
.primary-toolbar .raised.linked .button:insensitive:last-child,
|
||||||
|
.toolbar .button.linked:last-child,
|
||||||
|
.toolbar .button.linked:active:last-child,
|
||||||
|
.toolbar .button.linked:insensitive:last-child {
|
||||||
|
border-width: 1px;
|
||||||
|
border-radius: 2px;
|
||||||
|
border-left-width: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* linked single button */
|
||||||
|
.primary-toolbar .button.raised.linked:only-child,
|
||||||
|
.primary-toolbar .button.raised.linked:active:only-child,
|
||||||
|
.primary-toolbar .button.raised.linked:insensitive:only-child,
|
||||||
|
.primary-toolbar .raised.linked .button:only-child,
|
||||||
|
.primary-toolbar .raised.linked .button:active:only-child,
|
||||||
|
.primary-toolbar .raised.linked .button:insensitive:only-child,
|
||||||
|
.toolbar .button.linked:only-child,
|
||||||
|
.toolbar .button.linked:active:only-child,
|
||||||
|
.toolbar .button.linked:insensitive:only-child {
|
||||||
|
border-width: 1px;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
/***********
|
/***********
|
||||||
* tooltip *
|
* tooltip *
|
||||||
***********/
|
***********/
|
||||||
|
|
Loading…
Reference in New Issue