525 lines
20 KiB
CSS
525 lines
20 KiB
CSS
|
/******************
|
||
|
|
* linked buttons *
|
||
|
|
*****************/
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* set up shadows for visual separation */
|
||
|
|
.linked .button,
|
||
|
|
.inline-toolbar.toolbar .button,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton .button,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton > .button {
|
||
|
|
background-color: @base_color;
|
||
|
|
color: @text_color;
|
||
|
|
|
||
|
|
}
|
||
|
|
.linked .button:hover,
|
||
|
|
.inline-toolbar.toolbar .button:hover,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton .button:hover,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton > .button:hover {
|
||
|
|
background-color: @base_color;
|
||
|
|
color: shade(@fg_color, 0.7);
|
||
|
|
}
|
||
|
|
.linked .button:active,
|
||
|
|
.inline-toolbar.toolbar .button:active,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton .button:active,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton > .button:active {
|
||
|
|
background-color: @selected_bg_color;
|
||
|
|
color: @selected_fg_color;
|
||
|
|
}
|
||
|
|
.linked .button:active:hover,
|
||
|
|
.inline-toolbar.toolbar .button:active:hover,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton .button:active:hover,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton > .button:active:hover {
|
||
|
|
background-color: shade(@selected_bg_color, 1.05);
|
||
|
|
}
|
||
|
|
.linked .button:insensitive,
|
||
|
|
.inline-toolbar.toolbar .button:insensitive,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton .button:insensitive,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton > .button:insensitive {
|
||
|
|
background-color: shade(@bg_color, 1.04);
|
||
|
|
background-image: none;
|
||
|
|
color: mix(@text_color, @base_color, 0.4);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* remove box shadow from last-child and only-child */
|
||
|
|
|
||
|
|
.linked .entry:last-child,
|
||
|
|
.linked .entry:only-child,
|
||
|
|
.linked .button:last-child,
|
||
|
|
.linked .button:only-child,
|
||
|
|
.linked .button:insensitive:last-child,
|
||
|
|
.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 .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 {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* add back the inset shadow effect */
|
||
|
|
.linked .button:active:last-child,
|
||
|
|
.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 {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* middle button */
|
||
|
|
.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,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton .button,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton .button:active,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton .button:insensitive {
|
||
|
|
border-width: 1px;
|
||
|
|
border-radius: 0;
|
||
|
|
border-color: transparent;
|
||
|
|
border-style: solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*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,
|
||
|
|
.inline-toolbar.toolbar .button:first-child,
|
||
|
|
.inline-toolbar.toolbar .button:active:first-child,
|
||
|
|
.inline-toolbar.toolbar .button:insensitive:first-child,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton:first-child .button,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton:first-child .button:active,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 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,
|
||
|
|
.inline-toolbar.toolbar .button:last-child,
|
||
|
|
.inline-toolbar.toolbar .button:active:last-child,
|
||
|
|
.inline-toolbar.toolbar .button:insensitive:last-child,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton:last-child .button,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton:last-child .button:active,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 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,
|
||
|
|
.inline-toolbar.toolbar .button:only-child,
|
||
|
|
.inline-toolbar.toolbar .button:active:only-child,
|
||
|
|
.inline-toolbar.toolbar .button:insensitive:only-child,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton:only-child .button,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton:only-child .button:active,
|
||
|
|
.inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive {
|
||
|
|
border-width: 1px;
|
||
|
|
border-radius: 0;
|
||
|
|
border-color: transparent;
|
||
|
|
border-style: solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* linked button shadows (vertical) */
|
||
|
|
.linked.vertical .button,
|
||
|
|
.inline-toolbar.toolbar.vertical .button,
|
||
|
|
.inline-toolbar.toolbar.vertical GtkToolButton > .button {
|
||
|
|
background-color: @base_color;
|
||
|
|
color: @text_color;
|
||
|
|
}
|
||
|
|
|
||
|
|
.linked.vertical .button:active,
|
||
|
|
.inline-toolbar.toolbar.vertical .button:active,
|
||
|
|
.inline-toolbar.toolbar.vertical GtkToolButton > .button:active {
|
||
|
|
background-color: @selected_bg_color;
|
||
|
|
color: @selected_fg_color;
|
||
|
|
}
|
||
|
|
.linked.vertical .button:hover,
|
||
|
|
.inline-toolbar.toolbar.vertical .button:hover,
|
||
|
|
.inline-toolbar.toolbar.vertical GtkToolButton > .button:hover {
|
||
|
|
background-color: @base_color;
|
||
|
|
color: shade(@fg_color, 0.7);
|
||
|
|
}
|
||
|
|
.linked.vertical .button:active:hover,
|
||
|
|
.inline-toolbar.toolbar.vertical .button:active:hover,
|
||
|
|
.inline-toolbar.toolbar.vertical GtkToolButton > .button:active:hover {
|
||
|
|
background-color: shade(@selected_bg_color, 1.05);
|
||
|
|
}
|
||
|
|
.linked.vertical .button:insensitive,
|
||
|
|
.inline-toolbar.toolbar.vertical .button:insensitive,
|
||
|
|
.inline-toolbar.toolbar.vertical GtkToolButton > .button:insensitive {
|
||
|
|
background-color: shade(@bg_color, 1.04);
|
||
|
|
background-image: none;
|
||
|
|
color: mix(@text_color, @base_color, 0.4);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 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 {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 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 {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 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-color: transparent;
|
||
|
|
border-style: solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 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 {
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 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 {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 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: 0;
|
||
|
|
border-color: transparent;
|
||
|
|
border-style: solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* linked toolbar buttons */
|
||
|
|
.primary-toolbar .linked .button,
|
||
|
|
.primary-toolbar .button.raised.linked,
|
||
|
|
.primary-toolbar .raised.linked .button,
|
||
|
|
.toolbar .button.raised.linked,
|
||
|
|
.toolbar .raised.linked .button,
|
||
|
|
.toolbar .linked .button,
|
||
|
|
.header-bar .button.raised.linked,
|
||
|
|
.header-bar .raised.linked .button,
|
||
|
|
.header-bar .linked .button {
|
||
|
|
background-color: @base_color;
|
||
|
|
color: @text_color;
|
||
|
|
}
|
||
|
|
.primary-toolbar .linked .button:hover,
|
||
|
|
.primary-toolbar .button.raised.linked:hover,
|
||
|
|
.primary-toolbar .raised.linked .button:hover,
|
||
|
|
.toolbar .button.raised.linked:hover,
|
||
|
|
.toolbar .raised.linked .button:hover,
|
||
|
|
.toolbar .linked .button:hover,
|
||
|
|
.header-bar .button.raised.linked:hover,
|
||
|
|
.header-bar .raised.linked .button:hover,
|
||
|
|
.header-bar .linked .button:hover {
|
||
|
|
background-color: @base_color;
|
||
|
|
color: shade(@fg_color, 0.7);
|
||
|
|
}
|
||
|
|
.primary-toolbar .linked .button:active,
|
||
|
|
.primary-toolbar .button.raised.linked:active,
|
||
|
|
.primary-toolbar .raised.linked .button:active,
|
||
|
|
.toolbar .button.raised.linked:active,
|
||
|
|
.toolbar .raised.linked .button:active,
|
||
|
|
.toolbar .linked .button:active,
|
||
|
|
.header-bar .button.raised.linked:active,
|
||
|
|
.header-bar .raised.linked .button:active,
|
||
|
|
.header-bar .linked .button:active {
|
||
|
|
background-color: shade(@bg_color, 1.1);
|
||
|
|
color: @fg_color;
|
||
|
|
}
|
||
|
|
.primary-toolbar .linked .button:active:hover,
|
||
|
|
.primary-toolbar .button.raised.linked:active:hover,
|
||
|
|
.primary-toolbar .raised.linked .button:active:hover,
|
||
|
|
.toolbar .button.raised.linked:active:hover,
|
||
|
|
.toolbar .raised.linked .button:active:hover,
|
||
|
|
.toolbar .linked .button:active:hover,
|
||
|
|
.header-bar .button.raised.linked:active:hover,
|
||
|
|
.header-bar .raised.linked .button:active:hover,
|
||
|
|
.header-bar .linked .button:active:hover {
|
||
|
|
background-color: shade(@bg_color, 1.1);
|
||
|
|
}
|
||
|
|
.primary-toolbar .linked .button:insensitive,
|
||
|
|
.primary-toolbar .button.raised.linked:insensitive,
|
||
|
|
.primary-toolbar .raised.linked .button:insensitive,
|
||
|
|
.toolbar .button.raised.linked:insensitive,
|
||
|
|
.toolbar .raised.linked .button:insensitive,
|
||
|
|
.toolbar .linked .button:insensitive,
|
||
|
|
.header-bar .button.raised.linked:insensitive,
|
||
|
|
.header-bar .raised.linked .button:insensitive,
|
||
|
|
.header-bar .linked .button:insensitive {
|
||
|
|
background-color: shade(@bg_color, 1.04);
|
||
|
|
background-image: none;
|
||
|
|
color: mix(@text_color, @base_color, 0.4);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* remove box shadow from last-child and only-child */
|
||
|
|
.primary-toolbar .linked .button:last-child,
|
||
|
|
.primary-toolbar .linked .button:only-child,
|
||
|
|
.primary-toolbar .button.raised.linked:last-child,
|
||
|
|
.primary-toolbar .button.raised.linked:only-child,
|
||
|
|
.primary-toolbar .linked .button:insensitive:last-child,
|
||
|
|
.primary-toolbar .linked .button:insensitive:only-child,
|
||
|
|
.primary-toolbar .button:insensitive.raised.linked:last-child,
|
||
|
|
.primary-toolbar .button:insensitive.raised.linked:only-child,
|
||
|
|
.primary-toolbar .linked .button:active *:insensitive:last-child,
|
||
|
|
.primary-toolbar .linked .button:active *:insensitive: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.raised.linked:last-child,
|
||
|
|
.toolbar .button.raised.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,
|
||
|
|
.toolbar .raised.linked .button:last-child,
|
||
|
|
.toolbar .raised.linked .button:only-child,
|
||
|
|
.toolbar .raised.linked .button:insensitive:last-child,
|
||
|
|
.toolbar .raised.linked .button:insensitive:only-child,
|
||
|
|
.toolbar .raised.linked .button:active *:insensitive:last-child,
|
||
|
|
.toolbar .raised.linked .button:active *:insensitive:only-child,
|
||
|
|
.toolbar .linked .button:last-child,
|
||
|
|
.toolbar .linked .button:only-child,
|
||
|
|
.toolbar .linked .button:insensitive:last-child,
|
||
|
|
.toolbar .linked .button:insensitive:only-child,
|
||
|
|
.toolbar .linked .button:active *:insensitive:last-child,
|
||
|
|
.toolbar .linked .button:active *:insensitive:only-child,
|
||
|
|
.header-bar .button.raised.linked:last-child,
|
||
|
|
.header-bar .button.raised.linked:only-child,
|
||
|
|
.header-bar .button:insensitive.raised.linked:last-child,
|
||
|
|
.header-bar .button:insensitive.raised.linked:only-child,
|
||
|
|
.header-bar .button:active *:insensitive.raised.linked:last-child,
|
||
|
|
.header-bar .button:active *:insensitive.raised.linked:only-child,
|
||
|
|
.header-bar .raised.linked .button:last-child,
|
||
|
|
.header-bar .raised.linked .button:only-child,
|
||
|
|
.header-bar .raised.linked .button:insensitive:last-child,
|
||
|
|
.header-bar .raised.linked .button:insensitive:only-child,
|
||
|
|
.header-bar .raised.linked .button:active *:insensitive:last-child,
|
||
|
|
.header-bar .raised.linked .button:active *:insensitive:only-child,
|
||
|
|
.header-bar .linked .button:last-child,
|
||
|
|
.header-bar .linked .button:only-child,
|
||
|
|
.header-bar .linked .button:insensitive:last-child,
|
||
|
|
.header-bar .linked .button:insensitive:only-child,
|
||
|
|
.header-bar .linked .button:active *:insensitive:last-child,
|
||
|
|
.header-bar .linked .button:active *:insensitive:only-child {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* add back the inset shadow effect */
|
||
|
|
.primary-toolbar .linked .button:active:last-child,
|
||
|
|
.primary-toolbar .linked .button:active:only-child,
|
||
|
|
.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,
|
||
|
|
.toolbar .raised.linked .button:active:last-child,
|
||
|
|
.toolbar .raised.linked .button:active:only-child,
|
||
|
|
.toolbar .linked .button:active:last-child,
|
||
|
|
.toolbar .linked .button:active:only-child,
|
||
|
|
.header-bar .button:active.raised.linked:last-child,
|
||
|
|
.header-bar .button:active.raised.linked:only-child,
|
||
|
|
.header-bar .raised.linked .button:active:last-child,
|
||
|
|
.header-bar .raised.linked .button:active:only-child,
|
||
|
|
.header-bar .linked .button:active:last-child,
|
||
|
|
.header-bar .linked .button:active:only-child {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* middle button */
|
||
|
|
.primary-toolbar .linked .button,
|
||
|
|
.primary-toolbar .linked .button:active,
|
||
|
|
.primary-toolbar .linked .button:insensitive,
|
||
|
|
.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.raised.linked,
|
||
|
|
.toolbar .button.raised.linked:active,
|
||
|
|
.toolbar .button.raised.linked:insensitive,
|
||
|
|
.toolbar .raised.linked .button,
|
||
|
|
.toolbar .raised.linked .button:active,
|
||
|
|
.toolbar .raised.linked .button:insensitive,
|
||
|
|
.toolbar .linked .button,
|
||
|
|
.toolbar .linked .button:active,
|
||
|
|
.toolbar .linked .button:insensitive,
|
||
|
|
.header-bar .button.raised.linked,
|
||
|
|
.header-bar .button.raised.linked:active,
|
||
|
|
.header-bar .button.raised.linked:insensitive,
|
||
|
|
.header-bar .raised.linked .button,
|
||
|
|
.header-bar .raised.linked .button:active,
|
||
|
|
.header-bar .raised.linked .button:insensitive,
|
||
|
|
.header-bar .linked .button,
|
||
|
|
.header-bar .linked .button:active,
|
||
|
|
.header-bar .linked .button:insensitive {
|
||
|
|
border-width: 1px;
|
||
|
|
border-radius: 4px;
|
||
|
|
border-color: transparent;
|
||
|
|
border-style: solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* leftmost button */
|
||
|
|
.primary-toolbar .linked .button:first-child,
|
||
|
|
.primary-toolbar .linked .button:active:first-child,
|
||
|
|
.primary-toolbar .linked .button:insensitive:first-child,
|
||
|
|
.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.raised.linked:first-child,
|
||
|
|
.toolbar .button.raised.linked:active:first-child,
|
||
|
|
.toolbar .button.raised.linked:insensitive:first-child,
|
||
|
|
.toolbar .raised.linked .button:first-child,
|
||
|
|
.toolbar .raised.linked .button:active:first-child,
|
||
|
|
.toolbar .raised.linked .button:insensitive:first-child,
|
||
|
|
.toolbar .linked .button:first-child,
|
||
|
|
.toolbar .linked .button:active:first-child,
|
||
|
|
.toolbar .linked .button:insensitive:first-child,
|
||
|
|
.header-bar .button.raised.linked:first-child,
|
||
|
|
.header-bar .button.raised.linked:active:first-child,
|
||
|
|
.header-bar .button.raised.linked:insensitive:first-child,
|
||
|
|
.header-bar .raised.linked .button:first-child,
|
||
|
|
.header-bar .raised.linked .button:active:first-child,
|
||
|
|
.header-bar .raised.linked .button:insensitive:first-child,
|
||
|
|
.header-bar .linked .button:first-child,
|
||
|
|
.header-bar .linked .button:active:first-child,
|
||
|
|
.header-bar .linked .button:insensitive:first-child {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* rightmost button */
|
||
|
|
.primary-toolbar .linked .button:last-child,
|
||
|
|
.primary-toolbar .linked .button:active:last-child,
|
||
|
|
.primary-toolbar .linked .button:insensitive:last-child,
|
||
|
|
.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.raised.linked:last-child,
|
||
|
|
.toolbar .button.raised.linked:active:last-child,
|
||
|
|
.toolbar .button.raised.linked:insensitive:last-child,
|
||
|
|
.toolbar .raised.linked .button:last-child,
|
||
|
|
.toolbar .raised.linked .button:active:last-child,
|
||
|
|
.toolbar .raised.linked .button:insensitive:last-child,
|
||
|
|
.toolbar .linked .button:last-child,
|
||
|
|
.toolbar .linked .button:active:last-child,
|
||
|
|
.toolbar .linked .button:insensitive:last-child,
|
||
|
|
.header-bar .button.raised.linked:last-child,
|
||
|
|
.header-bar .button.raised.linked:active:last-child,
|
||
|
|
.header-bar .button.raised.linked:insensitive:last-child,
|
||
|
|
.header-bar .raised.linked .button:last-child,
|
||
|
|
.header-bar .raised.linked .button:active:last-child,
|
||
|
|
.header-bar .raised.linked .button:insensitive:last-child,
|
||
|
|
.header-bar .linked .button:last-child,
|
||
|
|
.header-bar .linked .button:active:last-child,
|
||
|
|
.header-bar .linked .button:insensitive:last-child {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* linked single button */
|
||
|
|
.primary-toolbar .linked .button:only-child,
|
||
|
|
.primary-toolbar .linked .button:active:only-child,
|
||
|
|
.primary-toolbar .linked .button:insensitive:only-child,
|
||
|
|
.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.raised.linked:only-child,
|
||
|
|
.toolbar .button.raised.linked:active:only-child,
|
||
|
|
.toolbar .button.raised.linked:insensitive:only-child,
|
||
|
|
.toolbar .raised.linked .button:only-child,
|
||
|
|
.toolbar .raised.linked .button:active:only-child,
|
||
|
|
.toolbar .raised.linked .button:insensitive:only-child,
|
||
|
|
.toolbar .linked .button:only-child,
|
||
|
|
.toolbar .linked .button:active:only-child,
|
||
|
|
.toolbar .linked .button:insensitive:only-child,
|
||
|
|
.header-bar .button.raised.linked:only-child,
|
||
|
|
.header-bar .button.raised.linked:active:only-child,
|
||
|
|
.header-bar .button.raised.linked:insensitive:only-child,
|
||
|
|
.header-bar .raised.linked .button:only-child,
|
||
|
|
.header-bar .raised.linked .button:active:only-child,
|
||
|
|
.header-bar .raised.linked .button:insensitive:only-child,
|
||
|
|
.header-bar .linked .button:only-child,
|
||
|
|
.header-bar .linked .button:active:only-child,
|
||
|
|
.header-bar .linked .button:insensitive:only-child {
|
||
|
|
border-width: 1px;
|
||
|
|
border-radius: 0;
|
||
|
|
border-color: transparent;
|
||
|
|
border-style: solid;
|
||
|
|
}
|