Reworked linked buttons

pull/45/head
Satyajit Sahoo 2013-06-22 00:36:26 +05:30
parent a7eacd12c1
commit 87d19a6ae0
1 changed files with 279 additions and 299 deletions

View File

@ -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,
@ -2193,12 +1952,11 @@ GtkColorButton.button {
} }
/*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 *
***********/ ***********/