/****************** * 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; }