Reworked linked buttons
Satyajit Sahoo
parent
a7eacd12c1
commit
87d19a6ae0
|
|
@ -174,9 +174,6 @@ GtkAssistant .sidebar {
|
|||
-GtkWidget-focus-line-width: 0;
|
||||
|
||||
padding: 3px 2px;
|
||||
}
|
||||
|
||||
.button {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: shade(@theme_bg_color, 0.8);
|
||||
|
|
@ -249,240 +246,6 @@ GtkAssistant .sidebar {
|
|||
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 *
|
||||
****************/
|
||||
|
|
@ -1056,16 +819,16 @@ GtkTreeMenu .menuitem * {
|
|||
background-image: none;
|
||||
}
|
||||
|
||||
.menuitem.arrow {
|
||||
color: alpha(@menu_fg_color, 0.6);
|
||||
}
|
||||
|
||||
.menuitem.check:active,
|
||||
.menuitem.radio:active {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.menuitem.arrow {
|
||||
color: alpha(@menu_fg_color, 0.6);
|
||||
}
|
||||
|
||||
.menuitem GtkCalendar:inconsistent {
|
||||
color: mix(@menu_fg_color, @menu_bg_color, 0.5);
|
||||
}
|
||||
|
|
@ -2108,78 +1871,74 @@ GtkColorButton.button {
|
|||
background-image: none;
|
||||
}
|
||||
|
||||
/* linked buttons */
|
||||
.primary-toolbar .button.raised.linked,
|
||||
.primary-toolbar .raised.linked .button,
|
||||
/******************
|
||||
* linked buttons *
|
||||
*****************/
|
||||
/* set up shadows for visual separation */
|
||||
.linked .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);
|
||||
}
|
||||
|
||||
.primary-toolbar .button.raised.linked:active,
|
||||
.primary-toolbar .raised.linked .button:active,
|
||||
.linked .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),
|
||||
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,
|
||||
.linked .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);
|
||||
}
|
||||
|
||||
/* 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,
|
||||
.linked .button:active:insensitive:last-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 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;
|
||||
}
|
||||
|
||||
/* 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:last-child,
|
||||
.inline-toolbar.toolbar .button:active:only-child,
|
||||
.inline-toolbar.toolbar GtkToolButton:last-child > .button:active,
|
||||
.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);
|
||||
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,
|
||||
.linked .entry,
|
||||
.linked .button,
|
||||
.linked .button:active,
|
||||
.linked .button:active:hover,
|
||||
.linked .button:insensitive,
|
||||
.inline-toolbar.toolbar .button,
|
||||
.inline-toolbar.toolbar .button:active,
|
||||
.inline-toolbar.toolbar .button:insensitive,
|
||||
|
|
@ -2193,12 +1952,11 @@ GtkColorButton.button {
|
|||
}
|
||||
|
||||
/*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,
|
||||
.linked .entry:first-child,
|
||||
.linked .button:first-child,
|
||||
.linked .button:active:first-child,
|
||||
.linked .button:active:hover:first-child,
|
||||
.linked .button:insensitive:first-child,
|
||||
.inline-toolbar.toolbar .button:first-child,
|
||||
.inline-toolbar.toolbar .button:active:first-child,
|
||||
.inline-toolbar.toolbar .button:insensitive:first-child,
|
||||
|
|
@ -2213,12 +1971,11 @@ GtkColorButton.button {
|
|||
}
|
||||
|
||||
/* 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,
|
||||
.linked .entry:last-child,
|
||||
.linked .button:last-child,
|
||||
.linked .button:active:last-child,
|
||||
.linked .button:active:hover:last-child,
|
||||
.linked .button:insensitive:last-child,
|
||||
.inline-toolbar.toolbar .button:last-child,
|
||||
.inline-toolbar.toolbar .button:active:last-child,
|
||||
.inline-toolbar.toolbar .button:insensitive:last-child,
|
||||
|
|
@ -2233,12 +1990,11 @@ GtkColorButton.button {
|
|||
}
|
||||
|
||||
/* linked single button */
|
||||
.primary-toolbar.toolbar .button:only-child,
|
||||
.primary-toolbar.toolbar .button:active:only-child,
|
||||
.primary-toolbar.toolbar .button:insensitive:only-child,
|
||||
.primary-toolbar.toolbar GtkToolButton:only-child .button,
|
||||
.primary-toolbar.toolbar GtkToolButton:only-child .button:active,
|
||||
.primary-toolbar.toolbar GtkToolButton:only-child .button:insensitive,
|
||||
.linked .entry:only-child,
|
||||
.linked .button:only-child,
|
||||
.linked .button:active:only-child,
|
||||
.linked .button:active:hover:only-child,
|
||||
.linked .button:insensitive:only-child,
|
||||
.inline-toolbar.toolbar .button:only-child,
|
||||
.inline-toolbar.toolbar .button:active:only-child,
|
||||
.inline-toolbar.toolbar .button:insensitive:only-child,
|
||||
|
|
@ -2249,6 +2005,230 @@ GtkColorButton.button {
|
|||
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 *
|
||||
***********/
|
||||
|
|
|
|||
Loading…
Reference in New Issue