Merge lp:~l3on/ubuntu-themes/gnome-shell-fixes into lp:ubuntu-themes

[Leo Iannacone]

Hi all,

in gnome-shell applications using gtk3 windows (like nautilus, gnome-tweak-tools and many more)
are not resizeable.

A bug report is here: https://bugs.launchpad.net/ubuntu-themes/+bug/1263317

It seems adding some margin on .window-frame fixes resize issue.

I have also added a shadow on gtk-3 windows and a border-radius (with padding) on headbars.

[lp:~l3on/ubuntu-themes/gnome-shell-fixes]

378. By Leo Iannacone on 2014-04-03

added shadow and border radius to gtk-3 windows

379. By Leo Iannacone on 2014-04-03

padding a bit on headbar

380. By Leo Iannacone on 2014-04-03

no need to have border-radius on titlebar just on header-bar, increased border-radius on window-frame, needed to cover backgorund-color

381. By Leo Iannacone on 2014-04-03

lighter shadow on window backgrop

382. By Leo Iannacone on 2014-04-03

use for window-frame shadows same values of unity. exported those colors in gtk-main

383. By Leo Iannacone on 2014-04-04

set same style between unity and header-bar

384. By Leo Iannacone on 2014-04-04

do not use frame - use window-frame instead

385. By Leo Iannacone on 2014-04-05

titlebar as header-bar with same style of unity

386. By Leo Iannacone on 2014-04-05

added titlebar also in widgets definitions

387. By Leo Iannacone on 2014-07-19

[ Michal Hruby ]
* Fixes issue where when using suru theme - icons present in ubuntu-
  mobile aren't found when trying to use them on the desktop.
[ Michał Sawicz ]
* Mark packages Multi-Arch: foreign to fix cross-building.
[ Lars Uebernickel ]
* Fixes required by the 3.12 update Unify notebook borders and
  paddings to get rid of the border around tab bars (on notebooks and
  stand-alone, such as in gedit and gnome-terminal). Also, style
  header bars similarly to window title bars, but take care that
  header bars that are used as tool bars keep the same look as tool
  bars.
[ Matthieu James ]
* New icons for the messaging menu (the names remain the same). New
  symbolic icons corresponding to different types of file (that can be
  download from the browser). New generic website icon. Fix a
  misspelled icon name (transfer indicator) (LP: #1289465)
[ Matthieu James ]
* Added a sample JSON file to build lists of icons and modified app
  icons according to the standardized colour palette. (LP: #1289465)
[ Robert Ancell ]
* Make ubuntu-mobile inherit from the Humanity / gnome themes. In the
  Unity 8 desktop session some applications refer to icons in these
  themes and this causes Unity 8 not to show an icon for them.
[ Lars Uebernickel ]
* Add preliminary support for popovers Add borders and shadow for the
  .popover class. Also set the background color for the .background
  class instead of on GtkWindow directly, because GtkPopover sets
  .background as well. (LP: #1329792)
[ Tim Peeters ]
* New back icon in ubuntu-mobile theme (LP: #1317519)
[ William Hua ]
* Refresh indicator-keyboard icons to include some missing layouts
  like Moldavian, Marathi (KaGaPa phonetic), and Sanskrit (KaGaPa
  phonetic). (LP: #1299402)

388. By Leo Iannacone on 2014-08-23

[ Matthieu James ]
* Added new icons for bluetooth devices and collapse/expand view (LP:
  #1289465)
[ Matthieu James ]
* Added new icons for bluetooth devices (LP: #1289465)

389. By Leo Iannacone on 2014-08-25

fix double comment closing

390. By Leo Iannacone on 2014-09-02

add semi-suport to gedit document sidebar

391. By Leo Iannacone on 2014-09-02

padding on gedit sidebar rows

392. By Leo Iannacone on 2014-09-02

button spacing set to 0 for dialog windows

393. By Leo Iannacone on 2014-09-06

add support to Radiance

[Marco Trevisan (Treviño) (3v1n0)]

I've given to this a first look and it seems very good...
However, in order to match the unity defined shadows you should use this:

.window-frame {
    border-radius: 10px 10px 0 0;
    box-shadow: 2px 10px 30px @window_shadow;

    /* this is used for the resize cursor area */
    margin: 10px;
}

.window-frame:backdrop {
    box-shadow: 2px 10px 25px @window_shadow_inactive;
}

Then, we've a problem... At least in unity: what in unity is a toolbar, using this theme becomes an headerbar and thus here it looks like we've two headers, which is something we can't go with.

So, I'm not sure weather it's the case of fixing nautilus or adding some special theming for Nautilus. I've noticed that using the Adwaita theme this problem doesn't happen here.

[Leo Iannacone (l3on)]

> I've given to this a first look and it seems very good...

Great!

> However, in order to match the unity defined shadows you should use this:
>
> .window-frame {
> border-radius: 10px 10px 0 0;
> box-shadow: 2px 10px 30px @window_shadow;
>
> /* this is used for the resize cursor area */
> margin: 10px;
> }
>
> .window-frame:backdrop {
> box-shadow: 2px 10px 25px @window_shadow_inactive;
> }

I tried, but I got an unexpected result. It seems blur effect used by GTK is not the same used by Unity. So, if you set the same values (@window_shadow*) you get different result.
It was true when I worked on windows, and I guess it's still so.

> Then, we've a problem... At least in unity: what in unity is a toolbar, using
> this theme becomes an headerbar and thus here it looks like we've two headers,
> which is something we can't go with.
> So, I'm not sure weather it's the case of fixing nautilus or adding some
> special theming for Nautilus.

Yes. You are right.
But the problem here is in Nautilus itself. The patch applied in the software (if I am not wrong) checks if current session is Unity, and if so, encloses the gtk-headerbar in a simple container.
The result is: you have a headerbar, supposed to be the "top-of-the-window", but displayed inside of it.
So, in this case, we have to review that patch (precisely: nautilus/debian/patches/ubuntu_show_titlebar.patch).

> I've noticed that using the Adwaita theme this
> problem doesn't happen here.
Only because in Adwaita headerbar and the other widgets use (more or less) the same colors.

[Marco Trevisan (Treviño) (3v1n0)]

> > However, in order to match the unity defined shadows you should use this:
> >
> > .window-frame {
> > border-radius: 10px 10px 0 0;
> > box-shadow: 2px 10px 30px @window_shadow;
> >
> > /* this is used for the resize cursor area */
> > margin: 10px;
> > }
> >
> > .window-frame:backdrop {
> > box-shadow: 2px 10px 25px @window_shadow_inactive;
> > }
>
> I tried, but I got an unexpected result. It seems blur effect used by GTK is
> not the same used by Unity. So, if you set the same values (@window_shadow*)
> you get different result.
> It was true when I worked on windows, and I guess it's still so.

Yeah, that's true. However using the values above I get exactly the same results (well, more or less :)), so I think you can safely use that I think.

> Yes. You are right.
> But the problem here is in Nautilus itself. The patch applied in the software
> (if I am not wrong) checks if current session is Unity, and if so, encloses
> the gtk-headerbar in a simple container.
> The result is: you have a headerbar, supposed to be the "top-of-the-window",
> but displayed inside of it.
> So, in this case, we have to review that patch (precisely:
> nautilus/debian/patches/ubuntu_show_titlebar.patch).

Right... Do you have time to check that or should I go?

[Leo Iannacone (l3on)]

> > I tried, but I got an unexpected result. It seems blur effect used by GTK is
> > not the same used by Unity. So, if you set the same values (@window_shadow*)
> > you get different result.
> > It was true when I worked on windows, and I guess it's still so.
>
> Yeah, that's true. However using the values above I get exactly the same
> results (well, more or less :)), so I think you can safely use that I think.

Ok, I will set that value.

About nautilus:
> > So, in this case, we have to review that patch (precisely:
> > nautilus/debian/patches/ubuntu_show_titlebar.patch).
>
> Right... Do you have time to check that or should I go?

I tried to remove '.header-bar' class from Nautilus toolbar. It just does not work, since you want "a dark bar" there, instead the result is:
http://i.imgur.com/bq8dXRb.png

So, I think the ways to fix this can be approximately two:
 1. Providing a theme hack to Nautilus, overriding the default style of ".header-bar"
 2. Otherwise, push into nautilus (and maybe more apps?) a ".header-bar.no-titlebar" style_class and then work on directly on css -> .no-titlebar

[lp:~l3on/ubuntu-themes/gnome-shell-fixes]

394. By Leo Iannacone on 2014-10-01

use same shadow values of Unity

395. By Leo Iannacone on 2014-10-01

[ Lars Uebernickel ]
* Ambiance/Radiance: style popover menus correctly
[ Charles Kerr ]
* Revert the suru theme's message indicators back to the earlier
  'envelope' look. (LP: #1367817)

396. By Leo Iannacone on 2014-10-15

fix GtkListBox rows styles - were displayed as buttons

397. By Leo Iannacone on 2014-10-16

[ Lars Uebernickel ]
* Mark Ambiance and Radiance to use overlay scrollbars
* gtk3 theme: fix gedit's search bar
* Gtk theme: expose public colors with Adwaita's naming scheme

398. By Leo Iannacone on 2014-10-17

remove trough from metacity - more similiar to unity

399. By Leo Iannacone on 2014-10-17

bigger title bar

400. By Leo Iannacone on 2014-10-17

metacity: time to go borderless

401. By Leo Iannacone on 2014-10-17

metacity: Ambiance - draw title following unity choices

402. By Leo Iannacone on 2014-10-18

fix typo

403. By Leo Iannacone on 2014-10-18

treat any :checked selector as :active

404. By Leo Iannacone on 2014-10-18

metacity: title height and button spacing like in unity

405. By Leo Iannacone on 2014-10-19

revert title vertical pad to 10 - fit default titlebar font and size in ubuntu-settings package

406. By Leo Iannacone on 2014-10-19

Fix typos

407. By Leo Iannacone on 2014-10-21

title bar margin left and right set to 7px - as unity does

408. By Leo Iannacone on 2014-10-21

experimental transition effect with buttons

409. By Leo Iannacone on 2014-10-21

Fix row-buttons:backdrop:hover

410. By Leo Iannacone on 2014-10-21

Add support to button.flat

411. By Leo Iannacone on 2014-10-21

check and radio buttons in Gtk 3.14 want assets as -gtk-icon-source rather than a background-image

412. By Leo Iannacone on 2014-10-21

fix spinner - code from Adwaita 3.14

413. By Leo Iannacone on 2014-10-21

better support to link buttons

414. By Leo Iannacone on 2014-10-21

better support to linked buttons

415. By Leo Iannacone on 2014-10-21

a bit of .app-notification style

416. By Leo Iannacone on 2014-10-21

only link buttons needs this

417. By Leo Iannacone on 2014-10-21

reset transition over popover menuitem

[Dmitry Shachnev (mitya57)]

We need to move forward with this as currently gnome-panel theming is broken (since the last update).

[Alberts Muktupāvels (muktupavels)]

Text conflict in Ambiance/gtk-3.0/gtk-widgets-assets.css
Text conflict in Ambiance/gtk-3.0/gtk-widgets-borders.css
Text conflict in Ambiance/gtk-3.0/gtk-widgets.css
Text conflict in Radiance/gtk-3.0/gtk-widgets-assets.css
Text conflict in Radiance/gtk-3.0/gtk-widgets-borders-radiance.css
Text conflict in Radiance/gtk-3.0/gtk-widgets-borders.css
Text conflict in Radiance/gtk-3.0/gtk-widgets.css

review: Needs Fixing

Unmerged revisions

417. By Leo Iannacone on 2014-10-21

reset transition over popover menuitem

416. By Leo Iannacone on 2014-10-21

only link buttons needs this

415. By Leo Iannacone on 2014-10-21

a bit of .app-notification style

414. By Leo Iannacone on 2014-10-21

better support to linked buttons

413. By Leo Iannacone on 2014-10-21

better support to link buttons

412. By Leo Iannacone on 2014-10-21

fix spinner - code from Adwaita 3.14

411. By Leo Iannacone on 2014-10-21

check and radio buttons in Gtk 3.14 want assets as -gtk-icon-source rather than a background-image

410. By Leo Iannacone on 2014-10-21

Add support to button.flat

409. By Leo Iannacone on 2014-10-21

Fix row-buttons:backdrop:hover

408. By Leo Iannacone on 2014-10-21

experimental transition effect with buttons

=== modified file 'Ambiance/gtk-3.0/apps/gnome-applications.css'
--- Ambiance/gtk-3.0/apps/gnome-applications.css	2012-08-08 13:46:38 +0000
+++ Ambiance/gtk-3.0/apps/gnome-applications.css	2014-10-21 15:21:37 +0000
@@ -60,7 +60,8 @@
     text-shadow: 1 1 black;
 }
 
-.nautilus-desktop.nautilus-canvas-item:active {
+.nautilus-desktop.nautilus-canvas-item:active,
+.nautilus-desktop.nautilus-canvas-item:checked {
     color: @theme_text_color;
 }
 
@@ -69,6 +70,7 @@
 }
 
 .nautilus-desktop.nautilus-canvas-item:active,
+.nautilus-desktop.nautilus-canvas-item:checked,
 .nautilus-desktop.nautilus-canvas-item:prelight,
 .nautilus-desktop.nautilus-canvas-item:selected {
     text-shadow: none;
@@ -215,8 +217,11 @@
 }
 
 .documents-dropdown .radio:active,
+.documents-dropdown .radio:checked,
 .documents-dropdown .radio:active:focused,
-.documents-dropdown .radio:active:prelight {
+.documents-dropdown .radio:checked:focused,
+.documents-dropdown .radio:active:prelight,
+.documents-dropdown .radio:checked:prelight {
     background-image: url("assets/sidebar-radio-checked.svg");
 }
 
@@ -225,7 +230,9 @@
 }
 
 .documents-dropdown .radio:active:selected,
-.documents-dropdown .radio:active:selected:focused {
+.documents-dropdown .radio:checked:selected,
+.documents-dropdown .radio:active:selected:focused,
+.documents-dropdown .radio:checked:selected:focused {
     background-image: url("assets/sidebar-radio-selected.svg");
 }
 
@@ -287,7 +294,9 @@
 }
 
 .documents-selection-mode.toolbar .button:active,
-.documents-selection-mode.toolbar .button:hover:active {
+.documents-selection-mode.toolbar .button:checked,
+.documents-selection-mode.toolbar .button:hover:active,
+.documents-selection-mode.toolbar .button:hover:checked {
     background-image: -gtk-gradient(linear, left top, left bottom,
                                     from(@documents_selection_button_b),
                                     to(shade(@documents_selection_button_a, 0.90)));
@@ -356,7 +365,8 @@
 
 .documents-osd .toolbar .button,
 .documents-osd .toolbar .button:prelight,
-.documents-osd .toolbar .button:active {
+.documents-osd .toolbar .button:active,
+.documents-osd .toolbar .button:checked {
     background-color: transparent;
 }
 
@@ -394,7 +404,9 @@
 }
 
 .documents-osd .toolbar .button:active,
-.documents-osd .toolbar .button:active:hover {
+.documents-osd .toolbar .button:checked,
+.documents-osd .toolbar .button:active:hover,
+.documents-osd .toolbar .button:checked:hover {
     background-image: -gtk-gradient(linear, left top, left bottom,
                                     from(alpha(@documents_osd_button_b, 0.18)),
                                     color-stop(0.68, alpha(@documents_osd_button_a, 0.23)),
@@ -425,7 +437,9 @@
 .documents-entry-tag.button,
 .documents-entry-tag.button:hover,
 .documents-entry-tag.button:active,
-.documents-entry-tag.button:active:hover {
+.documents-entry-tag.button:checked,
+.documents-entry-tag.button:active:hover,
+.documents-entry-tag.button:checked:hover {
     background-color: transparent;
     background-image: none;
     border-image: none;
@@ -492,7 +506,9 @@
 }
 
 EphyToolbar .location-entry .button:active,
-EphyToolbar .location-entry .button:active:hover {
+EphyToolbar .location-entry .button:checked,
+EphyToolbar .location-entry .button:active:hover,
+EphyToolbar .location-entry .button:checked:hover {
     background-image: -gtk-gradient(linear, left top, left bottom,
                                     from(shade(@entry_background_a, 0.9)),
                                     to(@entry_background_b));
@@ -504,7 +520,9 @@
 EphyToolbar .location-entry .button:hover,
 EphyToolbar .location-entry .button:focus,
 EphyToolbar .location-entry .button:active,
-EphyToolbar .location-entry .button *:active {
+EphyToolbar .location-entry .button:checked,
+EphyToolbar .location-entry .button *:active,
+EphyToolbar .location-entry .button *:checked {
     color: @theme_text_color;
 }
 
@@ -596,7 +614,8 @@
  background-color: @selected_bg_color;
 }
 
-.contacts-button:active {
+.contacts-button:active,
+.contacts-button:checked {
  border-color: #000000;
  border-image: none;
 }
@@ -660,6 +679,7 @@
 
 /* Gucharmap */
 GucharmapChartable:active,
+GucharmapChartable:checked,
 GucharmapChartable:focus,
 GucharmapChartable:selected {
  background-color: @theme_selected_bg_color;

=== modified file 'Ambiance/gtk-3.0/apps/gnome-panel.css'
--- Ambiance/gtk-3.0/apps/gnome-panel.css	2013-07-10 16:38:17 +0000
+++ Ambiance/gtk-3.0/apps/gnome-panel.css	2014-10-21 15:21:37 +0000
@@ -69,9 +69,13 @@
 }
 
 PanelApplet .button:active:prelight:backdrop,
+PanelApplet .button:checked:prelight:backdrop,
 PanelApplet .button:active:prelight,
+PanelApplet .button:checked:prelight,
 PanelApplet .button:active:backdrop,
-PanelApplet .button:active {
+PanelApplet .button:checked:backdrop,
+PanelApplet .button:active,
+PanelApplet .button:checked {
     border-image: none;
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@dark_bg_color, 0.85)),

=== modified file 'Ambiance/gtk-3.0/apps/gnome-terminal.css'
--- Ambiance/gtk-3.0/apps/gnome-terminal.css	2011-08-10 18:33:27 +0000
+++ Ambiance/gtk-3.0/apps/gnome-terminal.css	2014-10-21 15:21:37 +0000
@@ -41,7 +41,8 @@
     -unico-inner-stroke-color: alpha (shade (@dark_bg_color, 1.26), 0.2);
 }
 
-TerminalWindow .notebook tab:active {
+TerminalWindow .notebook tab:active,
+TerminalWindow .notebook tab:checked {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@dark_bg_color, 1.2)),
                                      to (shade (@dark_bg_color, 1.12)));
@@ -50,7 +51,8 @@
 }
 
 TerminalWindow .notebook .button,
-TerminalWindow .notebook .button:active  {
+TerminalWindow .notebook .button:active ,
+TerminalWindow .notebook .button:checked  {
     background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@dark_bg_color, 1.08)),
                                     to (shade (@dark_bg_color, 0.92)));

=== modified file 'Ambiance/gtk-3.0/apps/nautilus.css'
--- Ambiance/gtk-3.0/apps/nautilus.css	2014-07-10 15:06:44 +0000
+++ Ambiance/gtk-3.0/apps/nautilus.css	2014-10-21 15:21:37 +0000
@@ -18,7 +18,8 @@
     text-shadow: 1px 1px alpha (#000000, 0.8);
 }
 
-.nautilus-desktop.nautilus-canvas-item:active {
+.nautilus-desktop.nautilus-canvas-item:active,
+.nautilus-desktop.nautilus-canvas-item:checked {
     background-image: none;
     background-color: alpha (@bg_color, 0.84);
 
@@ -33,6 +34,7 @@
 }
 
 .nautilus-desktop.nautilus-canvas-item:active,
+.nautilus-desktop.nautilus-canvas-item:checked,
 .nautilus-desktop.nautilus-canvas-item:prelight,
 .nautilus-desktop.nautilus-canvas-item:selected {
     text-shadow: none;
@@ -88,7 +90,9 @@
 }
 
 #nautilus-search-button *:active,
-#nautilus-search-button *:active:prelight {
+#nautilus-search-button *:checked,
+#nautilus-search-button *:active:prelight,
+#nautilus-search-button *:checked:prelight {
     color: @dark_fg_color;
 }
 

=== modified file 'Ambiance/gtk-3.0/apps/unity-greeter.css'
--- Ambiance/gtk-3.0/apps/unity-greeter.css	2013-02-01 18:14:58 +0000
+++ Ambiance/gtk-3.0/apps/unity-greeter.css	2014-10-21 15:21:37 +0000
@@ -18,7 +18,9 @@
 
 .lightdm.menu .menuitem *,
 .lightdm.menu .menuitem.check:active,
-.lightdm.menu .menuitem.radio:active {
+.lightdm.menu .menuitem.check:checked,
+.lightdm.menu .menuitem.radio:active,
+.lightdm.menu .menuitem.radio:checked {
     color: white;
 }
 
@@ -46,11 +48,15 @@
 .lightdm.button,
 .lightdm.button:hover,
 .lightdm.button:active,
+.lightdm.button:checked,
 .lightdm.button:active:focused,
+.lightdm.button:checked:focused,
 .lightdm.entry,
 .lightdm.entry:hover,
 .lightdm.entry:active,
-.lightdm.entry:active:focused {
+.lightdm.entry:checked,
+.lightdm.entry:active:focused,
+.lightdm.entry:checked:focused {
     background-image: none;
     border-image: none;
 }

=== modified file 'Ambiance/gtk-3.0/apps/unity.css'
--- Ambiance/gtk-3.0/apps/unity.css	2014-03-31 20:51:28 +0000
+++ Ambiance/gtk-3.0/apps/unity.css	2014-10-21 15:21:37 +0000
@@ -6,9 +6,9 @@
 
     -UnityDecoration-shadow-offset-x: 1px;
     -UnityDecoration-shadow-offset-y: 5px;
-    -UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.75);
+    -UnityDecoration-active-shadow-color: @window_shadow;
     -UnityDecoration-active-shadow-radius: 30px;
-    -UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.3);
+    -UnityDecoration-inactive-shadow-color: @window_shadow_inactive;
     -UnityDecoration-inactive-shadow-radius: 25px;
 
     -UnityDecoration-glow-size: 10px;
@@ -19,25 +19,32 @@
     -UnityDecoration-title-alignment: 0.0;
 }
 
+.titlebar,
+.header-bar,
 UnityDecoration.top {
     border: 1px solid rgba (0, 3, 5, 0.03); /* shade (@dark_bg_color, 1.04) - shade (@dark_bg_color, 1.5) */
     border-bottom-width: 0;
     border-radius: 6px 6px 0 0;
+
+    box-shadow: inset 0 0 transparent, inset 0 0 transparent,
+                inset 0 1px shade (@dark_bg_color, 1.6), inset 0 0 transparent;
+
+    background-color: transparent;
+    background-clip: border-box;
+    background-image: -gtk-gradient (linear, left top, left bottom,
+                                     from (shade (@dark_bg_color, 1.5)),
+                                     to (shade (@dark_bg_color, 1.04)));
+
+    color: @dark_fg_color;
+    text-shadow: 1px 0 #333, -1px 0 #333, 0 1px #333, 0 -1px #333;
+}
+
+UnityDecoration.top {
     padding: 1px 6px 0 6px;
-
-    box-shadow: inset 0 0 transparent, inset 0 0 transparent,
-                inset 0 1px shade (@dark_bg_color, 1.6), inset 0 0 transparent;
-
-    background-color: transparent;
-    background-clip: border-box;
-    background-image: -gtk-gradient (linear, left top, left bottom,
-                                     from (shade (@dark_bg_color, 1.5)),
-                                     to (shade (@dark_bg_color, 1.04)));
-
-    color: @dark_fg_color;
-    text-shadow: 1px 0 #333, -1px 0 #333, 0 1px #333, 0 -1px #333;
 }
 
+.titlebar:backdrop,
+.header-bar:backdrop,
 UnityDecoration.top:backdrop {
     border: 1px solid rgba (14, 13, 0, 0.03); /* @dark_bg_color - shade (#474642, 0.92) */;
     border-bottom-width: 0;

=== modified file 'Ambiance/gtk-3.0/gtk-main.css'
--- Ambiance/gtk-3.0/gtk-main.css	2014-10-13 14:58:41 +0000
+++ Ambiance/gtk-3.0/gtk-main.css	2014-10-21 15:21:37 +0000
@@ -37,6 +37,10 @@
 
 @define-color shadow_color alpha(black, 0.5);
 
+/* window decoration colors */
+@define-color window_shadow rgba (0, 0, 0, 0.75);
+@define-color window_shadow_inactive rgba (0, 0, 0, 0.3);
+
 @import url("gtk-widgets-borders.css");
 @import url("gtk-widgets-assets.css");
 @import url("gtk-widgets.css");

=== modified file 'Ambiance/gtk-3.0/gtk-widgets-assets.css'
--- Ambiance/gtk-3.0/gtk-widgets-assets.css	2013-07-28 23:01:08 +0000
+++ Ambiance/gtk-3.0/gtk-widgets-assets.css	2014-10-21 15:21:37 +0000
@@ -5,6 +5,7 @@
 .grip {
     background-color: transparent;
     /*background-image: url("assets/resize-grip.svg");*/
+    /*-gtk-icon-source: url("assets/resize-grip.svg");*/
 }
 
 /*************************
@@ -19,26 +20,31 @@
 
 .check {
     background-image: url("assets/check-unselected.png");
+    -gtk-icon-source: url("assets/check-unselected.png");
 }
 
 .check:hover {
     background-image: url("assets/check-unselected-hover.png");
+    -gtk-icon-source: url("assets/check-unselected-hover.png");
 }
 
 .check row,
 .check row:selected,
 .check row:selected:focus {
     background-image: url("assets/check-unselected-alt.png");
+    -gtk-icon-source: url("assets/check-unselected-alt.png");
 }
 
 .check row:hover,
 .check row:selected:hover,
 .check row:selected:focus:hover {
     background-image: url("assets/check-unselected-hover-alt.png");
+    -gtk-icon-source: url("assets/check-unselected-hover-alt.png");
 }
 
 .check:insensitive {
     background-image: url("assets/check-unselected-disabled.png");
+    -gtk-icon-source: url("assets/check-unselected-disabled.png");
 }
 
 .check row:insensitive {
@@ -50,168 +56,224 @@
 .check row:selected:focus:insensitive {
     background-color: transparent;
     background-image: url("assets/check-unselected-disabled-alt.png");
+    -gtk-icon-source: url("assets/check-unselected-disabled-alt.png");
 }
 
 .check:backdrop {
     background-image: url("assets/backdrop-check-unselected.png");
+    -gtk-icon-source: url("assets/backdrop-check-unselected.png");
 }
 
 .check:hover:backdrop {
     background-image: url("assets/backdrop-check-unselected-hover.png");
+    -gtk-icon-source: url("assets/backdrop-check-unselected-hover.png");
 }
 
 .check row:backdrop,
 .check row:selected:backdrop {
     background-image: url("assets/backdrop-check-unselected-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-unselected-alt.png");
 }
 
 .check row:hover:backdrop,
 .check row:selected:hover:backdrop {
     background-image: url("assets/backdrop-check-unselected-hover-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-unselected-hover-alt.png");
 }
 
 .check:insensitive:backdrop {
     background-image: url("assets/backdrop-check-unselected-disabled.png");
+    -gtk-icon-source: url("assets/backdrop-check-unselected-disabled.png");
 }
 
 .check row:selected:insensitive:backdrop {
     background-image: url("assets/backdrop-check-unselected-disabled-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-unselected-disabled-alt.png");
 }
 
-.check:active {
+.check:active,
+.check:checked {
     background-image: url("assets/check-selected.png");
+    -gtk-icon-source: url("assets/check-selected.png");
 }
 
-.check:active:hover {
+.check:active:hover,
+.check:checked:hover {
     background-image: url("assets/check-selected-hover.png");
+    -gtk-icon-source: url("assets/check-selected-hover.png");
 }
 
 .check row:active,
+.check row:checked,
 .check row:selected:active,
-.check row:selected:focus:active {
+.check row:selected:checked,
+.check row:selected:focus:active,
+.check row:selected:focus:checked {
     background-image: url("assets/check-selected-alt.png");
+    -gtk-icon-source: url("assets/check-selected-alt.png");
 }
 
 .check row:active:hover,
+.check row:checked:hover,
 .check row:selected:active:hover,
-.check row:selected:active:focus:hover {
+.check row:selected:checked:hover,
+.check row:selected:active:focus:hover,
+.check row:selected:checked:focus:hover {
     background-image: url("assets/check-selected-hover-alt.png");
+    -gtk-icon-source: url("assets/check-selected-hover-alt.png");
 }
 
-.check:active:insensitive {
+.check:active:insensitive,
+.check:checked:insensitive {
     background-image: url("assets/check-selected-disabled.png");
+    -gtk-icon-source: url("assets/check-selected-disabled.png");
 }
 
 .check row:active:insensitive,
+.check row:checked:insensitive,
 .check row:selected:active:insensitive,
-.check row:selected:focus:active:insensitive {
+.check row:selected:checked:insensitive,
+.check row:selected:focus:active:insensitive,
+.check row:selected:focus:checked:insensitive {
     background-image: url("assets/check-selected-disabled-alt.png");
+    -gtk-icon-source: url("assets/check-selected-disabled-alt.png");
 }
 
-.check:active:backdrop {
+.check:active:backdrop,
+.check:checked:backdrop {
     background-image: url("assets/backdrop-check-selected.png");
+    -gtk-icon-source: url("assets/backdrop-check-selected.png");
 }
 
-.check:active:backdrop {
+.check:active:backdrop,
+.check:checked:backdrop {
     background-image: url("assets/backdrop-check-selected-hover.png");
+    -gtk-icon-source: url("assets/backdrop-check-selected-hover.png");
 }
 
 .check row:active:backdrop,
-.check row:selected:active:backdrop {
+.check row:checked:backdrop,
+.check row:selected:active:backdrop,
+.check row:selected:checked:backdrop {
     background-image: url("assets/backdrop-check-selected-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-selected-alt.png");
 }
 
 .check row:active:hover:backdrop,
-.check row:selected:active:hover:backdrop {
+.check row:checked:hover:backdrop,
+.check row:selected:active:hover:backdrop,
+.check row:selected:checked:hover:backdrop {
     background-image: url("assets/backdrop-check-selected-hover-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-selected-hover-alt.png");
 }
 
-.check:active:insensitive:backdrop {
+.check:active:insensitive:backdrop,
+.check:checked:insensitive:backdrop {
     background-image: url("assets/backdrop-check-selected-disabled.png");
+    -gtk-icon-source: url("assets/backdrop-check-selected-disabled.png");
 }
 
-.check row:selected:active:insensitive:backdrop {
+.check row:selected:active:insensitive:backdrop,
+.check row:selected:checked:insensitive:backdrop {
     background-image: url("assets/backdrop-check-selected-disabled-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-selected-disabled-alt.png");
 }
 
 .check:inconsistent {
     background-image: url("assets/check-mixed.png");
+    -gtk-icon-source: url("assets/check-mixed.png");
 }
 
 .check:inconsistent:hover {
     background-image: url("assets/check-mixed-hover.png");
+    -gtk-icon-source: url("assets/check-mixed-hover.png");
 }
 
 .check row:inconsistent,
 .check row:selected:inconsistent,
 .check row:selected:focus:inconsistent {
     background-image: url("assets/check-mixed-alt.png");
+    -gtk-icon-source: url("assets/check-mixed-alt.png");
 }
 
 .check row:inconsistent:hover,
 .check row:selected:inconsistent:hover,
 .check row:selected:focus:inconsistent:hover {
     background-image: url("assets/check-mixed-hover-alt.png");
+    -gtk-icon-source: url("assets/check-mixed-hover-alt.png");
 }
 
 .check:inconsistent:insensitive {
     background-image: url("assets/check-mixed-disabled.png");
+    -gtk-icon-source: url("assets/check-mixed-disabled.png");
 }
 
 .check row:inconsistent:insensitive,
 .check row:selected:inconsistent:insensitive,
 .check row:selected:focus:inconsistent:insensitive {
     background-image: url("assets/check-mixed-disabled-alt.png");
+    -gtk-icon-source: url("assets/check-mixed-disabled-alt.png");
 }
 
 .check:inconsistent:backdrop {
     background-image: url("assets/backdrop-check-mixed.png");
+    -gtk-icon-source: url("assets/backdrop-check-mixed.png");
 }
 
 .check:inconsistent:hover:backdrop {
     background-image: url("assets/backdrop-check-mixed-hover.png");
+    -gtk-icon-source: url("assets/backdrop-check-mixed-hover.png");
 }
 
 .check row:inconsistent:backdrop,
 .check row:selected:inconsistent:backdrop {
     background-image: url("assets/backdrop-check-mixed-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-mixed-alt.png");
 }
 
 .check row:inconsistent:hover:backdrop,
 .check row:selected:inconsistent:hover:backdrop {
     background-image: url("assets/backdrop-check-mixed-hover-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-mixed-hover-alt.png");
 }
 
 .check:inconsistent:insensitive:backdrop {
     background-image: url("assets/backdrop-check-mixed-disabled.png");
+    -gtk-icon-source: url("assets/backdrop-check-mixed-disabled.png");
 }
 
 .check row:selected:inconsistent:insensitive:backdrop {
     background-image: url("assets/backdrop-check-mixed-disabled-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-mixed-disabled-alt.png");
 }
 
 .radio {
     background-image: url("assets/radio-unselected.png");
+    -gtk-icon-source: url("assets/radio-unselected.png");
 }
 
 .radio:hover {
     background-image: url("assets/radio-unselected-hover.png");
+    -gtk-icon-source: url("assets/radio-unselected-hover.png");
 }
 
 .radio row,
 .radio row:selected,
 .radio row:selected:focus {
     background-image: url("assets/radio-unselected-alt.png");
+    -gtk-icon-source: url("assets/radio-unselected-alt.png");
 }
 
 .radio row:hover,
 .radio row:selected:hover,
 .radio row:selected:focus:hover {
     background-image: url("assets/radio-unselected-hover-alt.png");
+    -gtk-icon-source: url("assets/radio-unselected-hover-alt.png");
 }
 
 .radio:insensitive {
     background-image: url("assets/radio-unselected-disabled.png");
+    -gtk-icon-source: url("assets/radio-unselected-disabled.png");
 }
 
 .radio row:insensitive {
@@ -222,164 +284,223 @@
 .radio row:selected:insensitive,
 .radio row:selected:focus:insensitive {
     background-image: url("assets/radio-unselected-disabled-alt.png");
+    -gtk-icon-source: url("assets/radio-unselected-disabled-alt.png");
 }
 
 .radio:backdrop {
     background-image: url("assets/backdrop-radio-unselected.png");
+    -gtk-icon-source: url("assets/backdrop-radio-unselected.png");
 }
 
 .radio:hover:backdrop {
     background-image: url("assets/backdrop-radio-unselected-hover.png");
+    -gtk-icon-source: url("assets/backdrop-radio-unselected-hover.png");
 }
 
 .radio row:backdrop,
 .radio row:selected:backdrop {
     background-image: url("assets/backdrop-radio-unselected-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-unselected-alt.png");
 }
 
 .radio row:hover:backdrop,
 .radio row:selected:hover:backdrop {
     background-image: url("assets/backdrop-radio-unselected-hover-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-unselected-hover-alt.png");
 }
 
 .radio:insensitive:backdrop {
     background-image: url("assets/backdrop-radio-unselected-disabled.png");
+    -gtk-icon-source: url("assets/backdrop-radio-unselected-disabled.png");
 }
 
 .radio row:selected:insensitive:backdrop {
     background-image: url("assets/backdrop-radio-unselected-disabled-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-unselected-disabled-alt.png");
 }
 
-.radio:active {
+.radio:active,
+.radio:checked {
     background-image: url("assets/radio-selected.png");
+    -gtk-icon-source: url("assets/radio-selected.png");
 }
 
-.radio:active:hover {
+.radio:active:hover,
+.radio:checked:hover {
     background-image: url("assets/radio-selected-hover.png");
+    -gtk-icon-source: url("assets/radio-selected-hover.png");
 }
 
 .radio row:active,
+.radio row:checked,
 .radio row:selected:active,
-.radio row:selected:focus:active {
+.radio row:selected:checked,
+.radio row:selected:focus:active,
+.radio row:selected:focus:checked {
     background-image: url("assets/radio-selected-alt.png");
+    -gtk-icon-source: url("assets/radio-selected-alt.png");
 }
 
 .radio row:active:hover,
+.radio row:checked:hover,
 .radio row:selected:active:hover,
-.radio row:selected:focus:active:hover {
+.radio row:selected:checked:hover,
+.radio row:selected:focus:active:hover,
+.radio row:selected:focus:checked:hover {
     background-image: url("assets/radio-selected-hover-alt.png");
+    -gtk-icon-source: url("assets/radio-selected-hover-alt.png");
 }
 
-.radio:active:insensitive {
+.radio:active:insensitive,
+.radio:checked:insensitive {
     background-image: url("assets/radio-selected-disabled.png");
+    -gtk-icon-source: url("assets/radio-selected-disabled.png");
 }
 
 .radio row:insensitive,
 .radio row:selected:active:insensitive,
-.radio row:selected:focus:active:insensitive {
+.radio row:selected:checked:insensitive,
+.radio row:selected:focus:active:insensitive,
+.radio row:selected:focus:checked:insensitive {
     background-image: url("assets/radio-selected-disabled-alt.png");
+    -gtk-icon-source: url("assets/radio-selected-disabled-alt.png");
 }
 
-.radio:active:backdrop {
+.radio:active:backdrop,
+.radio:checked:backdrop {
     background-image: url("assets/backdrop-radio-selected.png");
+    -gtk-icon-source: url("assets/backdrop-radio-selected.png");
 }
 
-.radio:active:hover:backdrop {
+.radio:active:hover:backdrop,
+.radio:checked:hover:backdrop {
     background-image: url("assets/backdrop-radio-selected-hover.png");
+    -gtk-icon-source: url("assets/backdrop-radio-selected-hover.png");
 }
 
 .radio row:active:backdrop,
-.radio row:selected:active:backdrop {
+.radio row:checked:backdrop,
+.radio row:selected:active:backdrop,
+.radio row:selected:checked:backdrop {
     background-image: url("assets/backdrop-radio-selected-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-selected-alt.png");
 }
 
 .radio row:active:hover:backdrop,
-.radio row:selected:active:hover:backdrop {
+.radio row:checked:hover:backdrop,
+.radio row:selected:active:hover:backdrop,
+.radio row:selected:checked:hover:backdrop {
     background-image: url("assets/backdrop-radio-selected-hover-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-selected-hover-alt.png");
 }
 
-.radio:active:insensitive:backdrop {
+.radio:active:insensitive:backdrop,
+.radio:checked:insensitive:backdrop {
     background-image: url("assets/backdrop-radio-selected-disabled.png");
+    -gtk-icon-source: url("assets/backdrop-radio-selected-disabled.png");
 }
 
-.radio row:selected:active:insensitive:backdrop {
+.radio row:selected:active:insensitive:backdrop,
+.radio row:selected:checked:insensitive:backdrop {
     background-image: url("assets/backdrop-radio-selected-disabled-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-selected-disabled-alt.png");
 }
 
 .radio:inconsistent {
     background-image: url("assets/radio-mixed.png");
+    -gtk-icon-source: url("assets/radio-mixed.png");
 }
 
 .radio:inconsistent:hover {
     background-image: url("assets/radio-mixed-hover.png");
+    -gtk-icon-source: url("assets/radio-mixed-hover.png");
 }
 
 .radio row:inconsistent,
 .radio row:selected:inconsistent,
 .radio row:selected:focus:inconsistent {
     background-image: url("assets/radio-mixed-alt.png");
+    -gtk-icon-source: url("assets/radio-mixed-alt.png");
 }
 
 .radio row:inconsistent:hover,
 .radio row:selected:inconsistent:hover,
 .radio row:selected:focus:inconsistent:hover {
     background-image: url("assets/radio-mixed-hover-alt.png");
+    -gtk-icon-source: url("assets/radio-mixed-hover-alt.png");
 }
 
 .radio:inconsistent:insensitive {
     background-image: url("assets/radio-mixed-disabled.png");
+    -gtk-icon-source: url("assets/radio-mixed-disabled.png");
 }
 
 .radio row:inconsistent:insensitive,
 .radio row:selected:inconsistent:insensitive,
 .radio row:selected:focus:inconsistent:insensitive {
     background-image: url("assets/radio-mixed-disabled-alt.png");
+    -gtk-icon-source: url("assets/radio-mixed-disabled-alt.png");
 }
 
 .radio:inconsistent:backdrop {
     background-image: url("assets/backdrop-radio-mixed.png");
+    -gtk-icon-source: url("assets/backdrop-radio-mixed.png");
 }
 
 .radio:inconsistent:hover:backdrop {
     background-image: url("assets/backdrop-radio-mixed-hover.png");
+    -gtk-icon-source: url("assets/backdrop-radio-mixed-hover.png");
 }
 
 .radio row:inconsistent:backdrop,
 .radio row:selected:inconsistent:backdrop {
     background-image: url("assets/backdrop-radio-mixed-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-mixed-alt.png");
 }
 
 .radio row:inconsistent:hover:backdrop,
 .radio row:selected:inconsistent:hover:backdrop {
     background-image: url("assets/backdrop-radio-mixed-hover-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-mixed-hover-alt.png");
 }
 
 .radio:inconsistent:insensitive:backdrop {
     background-image: url("assets/backdrop-radio-mixed-disabled.png");
+    -gtk-icon-source: url("assets/backdrop-radio-mixed-disabled.png");
 }
 
 .radio row:selected:inconsistent:insensitive:backdrop {
     background-image: url("assets/backdrop-radio-mixed-disabled-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-mixed-disabled-alt.png");
 }
 
 /*.sidebar .radio:active,
+.sidebar .radio:checked,
 .sidebar .radio:active:focus,
-.sidebar .radio:active:hover {
+.sidebar .radio:checked:focus,
+.sidebar .radio:active:hover,
+.sidebar .radio:checked:hover {
     background-image: url("assets/sidebar-radio-selected.svg");
+    -gtk-icon-source: url("assets/sidebar-radio-selected.svg");
 }
 
 .sidebar .radio:hover {
     background-image: url("assets/sidebar-radio-prelight.svg");
+    -gtk-icon-source: url("assets/sidebar-radio-prelight.svg");
 }
 
 .sidebar .radio:active:selected,
-.sidebar .radio:active:selected:focus {
+.sidebar .radio:checked:selected,
+.sidebar .radio:active:selected:focus,
+.sidebar .radio:checked:selected:focus {
     background-image: url("assets/sidebar-radio-selected.svg");
+    -gtk-icon-source: url("assets/sidebar-radio-selected.svg");
 }
 
 .sidebar .radio:selected:hover,
 .sidebar .radio:selected:focus {
     background-image: url("assets/sidebar-radio-selected-prelight.svg");
+    -gtk-icon-source: url("assets/sidebar-radio-selected-prelight.svg");
 }*/
 
 .primary-toolbar .menu .check,
@@ -387,6 +508,7 @@
 .header-bar .menu .check,
 .menu .check {
     background-image: url("assets/check-menuitem-unselected.png");
+    -gtk-icon-source: url("assets/check-menuitem-unselected.png");
 }
 
 .primary-toolbar .menu .radio,
@@ -394,66 +516,105 @@
 .header-bar .menu .radio,
 .menu .radio {
     background-image: url("assets/check-menuitem-unselected.png");
+    -gtk-icon-source: url("assets/check-menuitem-unselected.png");
 }
 
 .primary-toolbar .menu .check:active,
+.primary-toolbar .menu .check:checked,
 .menubar.toolbar .menu .check:active,
+.menubar.toolbar .menu .check:checked,
 .header-bar .menu .check:active,
+.header-bar .menu .check:checked,
 .toolbar .menu .check:active:hover,
+.toolbar .menu .check:checked:hover,
 .menu .check:active,
-.menu .check:active:hover {
+.menu .check:checked,
+.menu .check:active:hover,
+.menu .check:checked:hover {
     background-image: url("assets/check-menuitem.png");
+    -gtk-icon-source: url("assets/check-menuitem.png");
 }
 
 .primary-toolbar .menu .check:active:insensitive,
+.primary-toolbar .menu .check:checked:insensitive,
 .menubar.toolbar .menu .check:active:insensitive,
+.menubar.toolbar .menu .check:checked:insensitive,
 .header-bar .menu .check:active:insensitive,
+.header-bar .menu .check:checked:insensitive,
 .toolbar .menu .check:active:hover:insensitive,
+.toolbar .menu .check:checked:hover:insensitive,
 .menu .check:active:insensitive,
-.menu .check:active:hover:insensitive {
+.menu .check:checked:insensitive,
+.menu .check:active:hover:insensitive,
+.menu .check:checked:hover:insensitive {
     background-image: url("assets/check-menuitem-insensitive.png");
+    -gtk-icon-source: url("assets/check-menuitem-insensitive.png");
 }
 
 .primary-toolbar .menu .radio:active,
+.primary-toolbar .menu .radio:checked,
 .menubar.toolbar .menu .radio:active,
+.menubar.toolbar .menu .radio:checked,
 .header-bar .menu .radio:active,
+.header-bar .menu .radio:checked,
 .toolbar .menu .radio:active:hover,
+.toolbar .menu .radio:checked:hover,
 .menu .radio:active,
-.menu .radio:active:hover {
+.menu .radio:checked,
+.menu .radio:active:hover,
+.menu .radio:checked:hover {
     background-image: url("assets/radio-menuitem.png");
+    -gtk-icon-source: url("assets/radio-menuitem.png");
 }
 
 .primary-toolbar .menu .radio:active:insensitive,
+.primary-toolbar .menu .radio:checked:insensitive,
 .menubar.toolbar .menu .radio:active:insensitive,
+.menubar.toolbar .menu .radio:checked:insensitive,
 .header-bar .menu .radio:active:insensitive,
+.header-bar .menu .radio:checked:insensitive,
 .toolbar .menu .radio:active:hover:insensitive,
+.toolbar .menu .radio:checked:hover:insensitive,
 .menu .radio:active:insensitive,
-.menu .radio:active:hover:insensitive {
+.menu .radio:checked:insensitive,
+.menu .radio:active:hover:insensitive,
+.menu .radio:checked:hover:insensitive {
     background-image: url("assets/radio-menuitem-insensitive.png");
+    -gtk-icon-source: url("assets/radio-menuitem-insensitive.png");
 }
 
 .toolbar .menu .check {
     background-image: url("assets/check-menuitem-unselected.png");
+    -gtk-icon-source: url("assets/check-menuitem-unselected.png");
 }
 
 .toolbar .menu .radio {
     background-image: url("assets/check-menuitem-unselected.png");
+    -gtk-icon-source: url("assets/check-menuitem-unselected.png");
 }
 
-.toolbar .menu .check:active {
+.toolbar .menu .check:active,
+.toolbar .menu .check:checked {
     background-image: url("assets/check-menuitem-dark.png");
+    -gtk-icon-source: url("assets/check-menuitem-dark.png");
 }
 
-.toolbar .menu .check:active:insensitive {
+.toolbar .menu .check:active:insensitive,
+.toolbar .menu .check:checked:insensitive {
     background-image: url("assets/check-menuitem-insensitive-dark.png");
+    -gtk-icon-source: url("assets/check-menuitem-insensitive-dark.png");
 }
 
-.toolbar .menu .radio:active {
+.toolbar .menu .radio:active,
+.toolbar .menu .radio:checked {
     background-image: url("assets/radio-menuitem-dark.png");
+    -gtk-icon-source: url("assets/radio-menuitem-dark.png");
 }
 
-.toolbar .menu .radio:active:insensitive {
+.toolbar .menu .radio:active:insensitive,
+.toolbar .menu .radio:checked:insensitive {
     background-image: url("assets/radio-menuitem-insensitive-dark.png");
+    -gtk-icon-source: url("assets/radio-menuitem-insensitive-dark.png");
 }
 
 /*********************
@@ -462,127 +623,157 @@
 .scale.slider,
 .scale.slider.horizontal {
     background-image: url("assets/slider-horizontal.png");
+    -gtk-icon-source: url("assets/slider-horizontal.png");
 }
 
 .scale.slider:backdrop,
 .scale.slider.horizontal:backdrop {
     /*background-image: url("assets/slider-horizontal-disabled.png");*/
+    /*-gtk-icon-source: url("assets/slider-horizontal-disabled.png");*/
 }
 
 .scale.slider:hover,
 .scale.slider.horizontal:hover {
     background-image: url("assets/slider-horizontal-hover.png");
+    -gtk-icon-source: url("assets/slider-horizontal-hover.png");
 }
 
 .scale.slider:focused,
 .scale.slider.horizontal:focused {
     background-image: url("assets/slider-horizontal-focused.png");
+    -gtk-icon-source: url("assets/slider-horizontal-focused.png");
 }
 
 .scale.slider:hover:focused,
 .scale.slider.horizontal:hover:focused {
     background-image: url("assets/slider-horizontal-focused-hover.png");
+    -gtk-icon-source: url("assets/slider-horizontal-focused-hover.png");
 }
 
 .scale.slider:insensitive,
 .scale.slider.horizontal:insensitive {
     background-image: url("assets/slider-horizontal-disabled.png");
+    -gtk-icon-source: url("assets/slider-horizontal-disabled.png");
 }
 
 .scale.slider:insensitive:backdrop,
 .scale.slider.horizontal:insensitive:backdrop {
     /*background-image: url("assets/slider-horizontal-backdrop-disabled.png");*/
+    /*-gtk-icon-source: url("assets/slider-horizontal-backdrop-disabled.png");*/
 }
 
 .scale.slider.vertical {
     background-image: url("assets/slider-vertical.png");
+    -gtk-icon-source: url("assets/slider-vertical.png");
 }
 
 .scale.slider.vertical:backdrop {
     /*background-image: url("assets/slider-vertical-backdrop.png");*/
+    /*-gtk-icon-source: url("assets/slider-vertical-backdrop.png");*/
 }
 
 .scale.slider.vertical:hover {
     background-image: url("assets/slider-vertical-hover.png");
+    -gtk-icon-source: url("assets/slider-vertical-hover.png");
 }
 
 .scale.slider.vertical:focused {
     background-image: url("assets/slider-vertical-focused.png");
+    -gtk-icon-source: url("assets/slider-vertical-focused.png");
 }
 
 .scale.slider.vertical:hover:focused {
     background-image: url("assets/slider-vertical-focused-hover.png");
+    -gtk-icon-source: url("assets/slider-vertical-focused-hover.png");
 }
 
 .scale.slider.vertical:insensitive {
     background-image: url("assets/slider-vertical-disabled.png");
+    -gtk-icon-source: url("assets/slider-vertical-disabled.png");
 }
 
 .scale.slider.vertical:insensitive:backdrop {
     /*background-image: url("assets/slider-vertical-backdrop-disabled.png");*/
+    /*-gtk-icon-source: url("assets/slider-vertical-backdrop-disabled.png");*/
 }
 
 /*.scale.scale-has-marks-above.slider.horizontal {
     background-image: url("assets/slider-up.png");
+    -gtk-icon-source: url("assets/slider-up.png");
 }
 
 .scale.scale-has-marks-above.slider.horizontal:insensitive {
     background-image: url("assets/slider-up-disabled.png");
+    -gtk-icon-source: url("assets/slider-up-disabled.png");
 }
 
 .scale.scale-has-marks-above.slider.horizontal:backdrop {
     background-image: url("assets/slider-up-backdrop.png");
+    -gtk-icon-source: url("assets/slider-up-backdrop.png");
 }
 
 .scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive {
     background-image: url("assets/slider-up-backdrop-disabled.png");
+    -gtk-icon-source: url("assets/slider-up-backdrop-disabled.png");
 }
 
 .scale.scale-has-marks-above.slider.vertical {
     background-image: url("assets/slider-left.png");
+    -gtk-icon-source: url("assets/slider-left.png");
 }
 
 .scale.scale-has-marks-above.slider.vertical:insensitive {
     background-image: url("assets/slider-left-disabled.png");
+    -gtk-icon-source: url("assets/slider-left-disabled.png");
 }
 
 .scale.scale-has-marks-above.slider.vertical:backdrop {
     background-image: url("assets/slider-left-backdrop.png");
+    -gtk-icon-source: url("assets/slider-left-backdrop.png");
 }
 
 .scale.scale-has-marks-above.slider.vertical:backdrop:insensitive {
     background-image: url("assets/slider-left-backdrop-disabled.png");
+    -gtk-icon-source: url("assets/slider-left-backdrop-disabled.png");
 }
 
 .scale.scale-has-marks-below.slider.horizontal {
     background-image: url("assets/slider-down.png");
+    -gtk-icon-source: url("assets/slider-down.png");
 }
 
 .scale.scale-has-marks-below.slider.horizontal:insensitive {
     background-image: url("assets/slider-down-disabled.png");
+    -gtk-icon-source: url("assets/slider-down-disabled.png");
 }
 
 .scale.scale-has-marks-below.slider.horizontal:backdrop {
     background-image: url("assets/slider-down-backdrop.png");
+    -gtk-icon-source: url("assets/slider-down-backdrop.png");
 }
 
 .scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive {
     background-image: url("assets/slider-down-backdrop-disabled.png");
+    -gtk-icon-source: url("assets/slider-down-backdrop-disabled.png");
 }
 
 .scale.scale-has-marks-below.slider.vertical {
     background-image: url("assets/slider-right.png");
+    -gtk-icon-source: url("assets/slider-right.png");
 }
 
 .scale.scale-has-marks-below.slider.vertical:insensitive {
     background-image: url("assets/slider-right-disabled.png");
+    -gtk-icon-source: url("assets/slider-right-disabled.png");
 }
 
 .scale.scale-has-marks-below.slider.vertical:backdrop {
     background-image: url("assets/slider-right-backdrop.png");
+    -gtk-icon-source: url("assets/slider-right-backdrop.png");
 }
 
 .scale.scale-has-marks-below.slider.vertical:backdrop:insensitive {
     background-image: url("assets/slider-right-backdrop-disabled.png");
+    -gtk-icon-source: url("assets/slider-right-backdrop-disabled.png");
 }*/
 

=== modified file 'Ambiance/gtk-3.0/gtk-widgets-borders.css'
--- Ambiance/gtk-3.0/gtk-widgets-borders.css	2014-01-02 22:13:06 +0000
+++ Ambiance/gtk-3.0/gtk-widgets-borders.css	2014-10-21 15:21:37 +0000
@@ -11,8 +11,11 @@
 .entry:focus,
 GtkComboBox.combobox-entry .entry:focus,
 .button:focus:active,
+.button:focus:checked,
 .button.default:active,
-GtkSwitch.trough:active {
+.button.default:checked,
+GtkSwitch.trough:active,
+GtkSwitch.trough:checked {
 }
 
 /**********
@@ -57,35 +60,43 @@
     border-image: url("assets/backdrop-button-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active {
+.button:active,
+.button:checked {
     border-image: url("assets/button-active.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:backdrop {
+.button:active:backdrop,
+.button:checked:backdrop {
     border-image: url("assets/backdrop-button-active.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:hover {
+.button:active:hover,
+.button:checked:hover {
     border-image: url("assets/button-active-hover.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:hover:backdrop {
+.button:active:hover:backdrop,
+.button:checked:hover:backdrop {
     border-image: url("assets/backdrop-button-active-hover.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:focus {
+.button:active:focus,
+.button:checked:focus {
     border-image: url("assets/button-active-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:hover:focus {
+.button:active:hover:focus,
+.button:checked:hover:focus {
     border-image: url("assets/button-active-focused-hover.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:insensitive {
+.button:active:insensitive,
+.button:checked:insensitive {
     border-image: url("assets/button-active-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:insensitive:backdrop {
+.button:active:insensitive:backdrop,
+.button:checked:insensitive:backdrop {
     border-image: url("assets/backdrop-button-active-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
@@ -109,7 +120,10 @@
 
 .primary-toolbar .button,
 .menubar.toolbar .button,
-.header-bar .button {
+.header-bar .button,
+.primary-toolbar .button.flat:hover,
+.menubar.toolbar .button.flat:hover,
+.header-bar .button.flat:hover {
     border-image: url("assets/button-toolbar.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
@@ -120,14 +134,20 @@
 }
 
 .primary-toolbar .button:active,
+.primary-toolbar .button:checked,
 .menubar.toolbar .button:active,
-.header-bar .button:active {
+.menubar.toolbar .button:checked,
+.header-bar .button:active,
+.header-bar .button:checked {
     border-image: url("assets/button-toolbar-active.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
 .primary-toolbar .button:active:focused,
+.primary-toolbar .button:checked:focused,
 .menubar.toolbar .button:active:focused,
-.header-bar .button:active:focused {
+.menubar.toolbar .button:checked:focused,
+.header-bar .button:active:focused,
+.header-bar .button:checked:focused {
     border-image: url("assets/button-toolbar-active-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
@@ -138,11 +158,21 @@
 }
 
 .primary-toolbar .button:active:backdrop,
+.primary-toolbar .button:checked:backdrop,
 .menubar.toolbar .button:active:backdrop,
-.header-bar .button:active:backdrop {
+.menubar.toolbar .button:checked:backdrop,
+.header-bar .button:active:backdrop,
+.header-bar .button:checked:backdrop {
     border-image: url("assets/backdrop-button-toolbar-active.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
+.button.flat,
+.button.flat:backdrop,
+GtkLinkButton.button.flat:hover,
+GtkLinkButton.button.flat:active:hover {
+    border-image: none;
+}
+
 .menubar.menuitem:hover,
 .menubar .menuitem:hover {
     border: 1px solid #2e2e2c;
@@ -240,7 +270,8 @@
     border-image: url("assets/backdrop-combobox-button-disabled.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
 }
 
-GtkComboBox.combobox-entry .button:active:focus {
+GtkComboBox.combobox-entry .button:active:focus,
+GtkComboBox.combobox-entry .button:checked:focus {
     border-image: url("assets/combobox-button-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
 }
 
@@ -260,8 +291,11 @@
 }
 
 .primary-toolbar GtkComboBox.combobox-entry .button:focus:active:focus,
+.primary-toolbar GtkComboBox.combobox-entry .button:focus:checked:focus,
 .menubar.toolbar GtkComboBox.combobox-entry .button:focus:active:focus,
-.header-bar GtkComboBox.combobox-entry .button:focus:active:focus {
+.menubar.toolbar GtkComboBox.combobox-entry .button:focus:checked:focus,
+.header-bar GtkComboBox.combobox-entry .button:focus:active:focus,
+.header-bar GtkComboBox.combobox-entry .button:focus:checked:focus {
     border-image: url("assets/combobox-button-toolbar-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
 }
 
@@ -287,19 +321,23 @@
     border-left-width: 0;
 }
 
-.notebook tab.top:active {
+.notebook tab.top:active,
+.notebook tab.top:checked {
     border-image: url("assets/notebook-tab-top.png") 8 10 1 10 / 8px 10px 1px 10px stretch;
 }
 
-.notebook tab.right:active {
+.notebook tab.right:active,
+.notebook tab.right:checked {
     border-image: url("assets/notebook-tab-right.png") 10 8 10 1 / 10px 8px 10px 1px stretch;
 }
 
-.notebook tab.bottom:active {
+.notebook tab.bottom:active,
+.notebook tab.bottom:checked {
     border-image: url("assets/notebook-tab-bottom.png") 1 10 8 10 / 1px 10px 8px 10px stretch;
 }
 
-.notebook tab.left:active {
+.notebook tab.left:active,
+.notebook tab.left:checked {
     border-image: url("assets/notebook-tab-left.png") 10 1 10 8 / 10px 1px 10px 8px stretch;
 }
 
@@ -327,7 +365,8 @@
     border-image: url("assets/switch-trough-off.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-GtkSwitch.trough:active {
+GtkSwitch.trough:active,
+GtkSwitch.trough:checked {
     border-image: url("assets/switch-trough-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
@@ -338,16 +377,21 @@
 }
 
 .primary-toolbar GtkSwitch.trough:active,
+.primary-toolbar GtkSwitch.trough:checked,
 .menubar.toolbar GtkSwitch.trough:active,
-.header-bar GtkSwitch.trough:active {
+.menubar.toolbar GtkSwitch.trough:checked,
+.header-bar GtkSwitch.trough:active,
+.header-bar GtkSwitch.trough:checked {
     border-image: url("assets/switch-trough-toolbar-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
 /* XXX temporary */
 GtkSwitch.trough:backdrop,
 GtkSwitch.trough:active:backdrop,
+GtkSwitch.trough:checked:backdrop,
 GtkSwitch.trough:insensitive,
-GtkSwitch.trough:active:insensitive {
+GtkSwitch.trough:active:insensitive,
+GtkSwitch.trough:checked:insensitive {
     border-image: url("assets/switch-trough-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
@@ -355,7 +399,8 @@
     border-image: url("assets/switch-button-off.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
 }
 
-GtkSwitch.slider:active {
+GtkSwitch.slider:active,
+GtkSwitch.slider:checked {
     border-image: url("assets/switch-button-on.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
 }
 
@@ -367,7 +412,9 @@
 
 /* XXX temporary */
 GtkSwitch.slider:active:backdrop,
-GtkSwitch.slider:active:insensitive {
+GtkSwitch.slider:checked:backdrop,
+GtkSwitch.slider:active:insensitive,
+GtkSwitch.slider:checked:insensitive {
     border-image: url("assets/switch-button-on-disabled.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
 }
 

=== modified file 'Ambiance/gtk-3.0/gtk-widgets.css'
--- Ambiance/gtk-3.0/gtk-widgets.css	2014-10-13 14:58:41 +0000
+++ Ambiance/gtk-3.0/gtk-widgets.css	2014-10-21 15:21:37 +0000
@@ -143,6 +143,7 @@
 
     color: @fg_color;
     text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4);
+    transition: all 150ms ease-out;
 }
 
 GtkSwitch.slider:backdrop,
@@ -159,6 +160,7 @@
                                      from (shade (@button_bg_color, 1.12)),
                                      color-stop (0.5, @button_bg_color),
                                      to (shade (@button_bg_color, 0.96)));
+    transition: all 200ms ease-out;
 }
 
 .button:hover:backdrop {
@@ -180,30 +182,80 @@
     text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2);
 }
 
-.button:active {
+.button:active,
+.button:checked {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (#cecece),
                                      to (#e8e8e8));
+    transition: all 150ms ease-out;
 }
 
-.button:active:hover {
+.button:active:hover,
+.button:checked:hover {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (#dcdcdc),
                                      to (#f3f3f3));
 }
 
-.button:active:insensitive {
+.button:active:insensitive,
+.button:checked:insensitive {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (#e3e3e3),
                                      to (#f3f3f3));
 }
 
-.button:active:insensitive:backdrop {
+.button:active:insensitive:backdrop,
+.button:checked:insensitive:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (mix (#e3e3e3, @bg_color, 0.5)),
                                      to (mix (#f3f3f3, @bg_color, 0.5)));
 }
 
+.button.flat,
+.button.flat:backdrop,
+GtkLinkButton.button:hover,
+GtkLinkButton.button:active:hover {
+    background-image: none;
+    background: none;
+}
+
+GtkLinkButton.button {
+    color: @selected_bg_color;
+}
+
+/* disable .button style from GtkListBox rows*/
+
+.button.list-row,
+.button.list-row:active,
+.button.list-row:checked {
+    background: transparent;
+    background-image: none;
+    text-shadow: none;
+}
+.button.list-row,
+.button.list-row:hover,
+.button.list-row:active:hover,
+.button.list-row:checked:hover {
+    border: none;
+    border-radius: 0;
+    background-color: @bg_color;
+}
+.button.list-row:selected,
+.button.list-row:selected:hover {
+    background-color: alpha (@selected_bg_color, 0.9);
+    color: @selected_fg_color;
+    text-shadow: 0 1px shade (@selected_bg_color, 0.8);
+}
+.button.list-row:selected:backdrop,
+.button.list-row:selected:hover:backdrop {
+    background-image: -gtk-gradient (linear, left top, left bottom,
+                                     from (shade (shade (@bg_color, 0.95), 0.94)),
+                                     to (shade (shade (@bg_color, 0.95), 0.86)));
+    border-top-color: shade (shade (@bg_color, 0.95), 0.88);
+    color: @fg_color;
+    text-shadow: 0 1px shade (shade (@bg_color, 0.95), 0.96);
+}
+
 /* default button */
 
 /*
@@ -221,13 +273,15 @@
                                      to (mix (shade (@selected_bg_color, 0.89), @bg_color, 0.3)));
 }
 
-.button.default:active {
+.button.default:active,
+.button.default:checked {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (mix (shade (@selected_bg_color, 0.95), @bg_color, 0.3)),
                                      to (mix (shade (@selected_bg_color, 1.05), @bg_color, 0.3)));
 }
 
-.button.default:active:hover {
+.button.default:active:hover,
+.button.default:checked:hover {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (mix (shade (@selected_bg_color, 1.0), @bg_color, 0.3)),
                                      to (mix (shade (@selected_bg_color, 1.1), @bg_color, 0.3)));
@@ -260,10 +314,15 @@
 }
 
 .linked .button:active,
+.linked .button:checked,
 .toolbar .button.raised.linked:active,
+.toolbar .button.raised.linked:checked,
 .toolbar .raised.linked .button:active,
+.toolbar .raised.linked .button:checked,
 .inline-toolbar.toolbar .button:active,
-.inline-toolbar.toolbar GtkToolButton .button:active {
+.inline-toolbar.toolbar .button:checked,
+.inline-toolbar.toolbar GtkToolButton .button:active,
+.inline-toolbar.toolbar GtkToolButton .button:checked {
     /*box-shadow: inset 1px 0 shade (@bg_color, 0.76);*/
 }
 
@@ -293,18 +352,36 @@
 
 
 /* Middle button */
-.linked .entry,
-.linked .entry:active,
-.linked .entry:focus,
-.linked .entry:focus:active,
-.linked .button,
-.linked .button:active,
-.linked .button:active:hover,
-.linked .button:focus,
-.linked .button:focus:active,
-.linked .button:insensitive,
-.linked .button:backdrop,
-.linked .button:active:backdrop {
+.linked > .entry,
+.linked > .entry:active,
+.linked > .entry:checked,
+.linked > .entry:focus,
+.linked > .entry:focus:active,
+.linked > .entry:focus:checked,
+.linked > .button,
+.linked > .button:active,
+.linked > .button:checked,
+.linked > .button:active:hover,
+.linked > .button:checked:hover,
+.linked > .button:focus,
+.linked > .button:focus:active,
+.linked > .button:focus:checked,
+.linked > .button:insensitive,
+.linked > .button:backdrop,
+.linked > .button:active:backdrop,
+.linked > .button:checked:backdrop,
+.linked > GtkComboBox > .button,
+.linked > GtkComboBox > .button:active,
+.linked > GtkComboBox > .button:checked,
+.linked > GtkComboBox > .button:active:hover,
+.linked > GtkComboBox > .button:checked:hover,
+.linked > GtkComboBox > .button:focus,
+.linked > GtkComboBox > .button:focus:active,
+.linked > GtkComboBox > .button:focus:checked,
+.linked > GtkComboBox > .button:insensitive,
+.linked > GtkComboBox > .button:backdrop,
+.linked > GtkComboBox > .button:active:backdrop,
+.linked > GtkComboBox > .button:checked:backdrop {
     border-right-width: 0;
     border-left-width: 0;
     border-image-width: 10px 0 10px 0;
@@ -312,18 +389,36 @@
 }
 
 /* Leftmost button */
-.linked .entry:first-child,
-.linked .entry:active:first-child,
-.linked .entry:focus:first-child,
-.linked .entry:focus:active:first-child,
-.linked .button:first-child,
-.linked .button:active:first-child,
-.linked .button:active:hover:first-child,
-.linked .button:focus:first-child,
-.linked .button:focus:active:first-child,
-.linked .button:insensitive:first-child,
-.linked .button:backdrop:first-child,
-.linked .button:active:backdrop:first-child {
+.linked > .entry:first-child,
+.linked > .entry:active:first-child,
+.linked > .entry:checked:first-child,
+.linked > .entry:focus:first-child,
+.linked > .entry:focus:active:first-child,
+.linked > .entry:focus:checked:first-child,
+.linked > .button:first-child,
+.linked > .button:active:first-child,
+.linked > .button:checked:first-child,
+.linked > .button:active:hover:first-child,
+.linked > .button:checked:hover:first-child,
+.linked > .button:focus:first-child,
+.linked > .button:focus:active:first-child,
+.linked > .button:focus:checked:first-child,
+.linked > .button:insensitive:first-child,
+.linked > .button:backdrop:first-child,
+.linked > .button:active:backdrop:first-child,
+.linked > .button:checked:backdrop:first-child,
+.linked > GtkComboBox:first-child > .button,
+.linked > GtkComboBox:first-child > .button:active,
+.linked > GtkComboBox:first-child > .button:checked,
+.linked > GtkComboBox:first-child > .button:active:hover,
+.linked > GtkComboBox:first-child > .button:checked:hover,
+.linked > GtkComboBox:first-child > .button:focus,
+.linked > GtkComboBox:first-child > .button:focus:active,
+.linked > GtkComboBox:first-child > .button:focus:checked,
+.linked > GtkComboBox:first-child > .button:insensitive,
+.linked > GtkComboBox:first-child > .button:backdrop,
+.linked > GtkComboBox:first-child > .button:active:backdrop,
+.linked > GtkComboBox:first-child > .button:checked:backdrop {
     border-width: 1px;
     border-right-width: 0;
     border-image-width: 10px 0 10px 12px;
@@ -333,18 +428,36 @@
 }
 
 /* Rightmost button */
-.linked .entry:last-child,
-.linked .entry:active:last-child,
-.linked .entry:focus:last-child,
-.linked .entry:focus:active:last-child,
-.linked .button:last-child,
-.linked .button:active:last-child,
-.linked .button:active:hover:last-child,
-.linked .button:focus:last-child,
-.linked .button:focus:active:last-child,
-.linked .button:insensitive:last-child,
-.linked .button:backdrop:last-child,
-.linked .button:active:backdrop:last-child {
+.linked > .entry:last-child,
+.linked > .entry:active:last-child,
+.linked > .entry:checked:last-child,
+.linked > .entry:focus:last-child,
+.linked > .entry:focus:active:last-child,
+.linked > .entry:focus:checked:last-child,
+.linked > .button:last-child,
+.linked > .button:active:last-child,
+.linked > .button:checked:last-child,
+.linked > .button:active:hover:last-child,
+.linked > .button:checked:hover:last-child,
+.linked > .button:focus:last-child,
+.linked > .button:focus:active:last-child,
+.linked > .button:focus:checked:last-child,
+.linked > .button:insensitive:last-child,
+.linked > .button:backdrop:last-child,
+.linked > .button:active:backdrop:last-child,
+.linked > .button:checked:backdrop:last-child,
+.linked > GtkComboBox:last-child > .button,
+.linked > GtkComboBox:last-child > .button:active,
+.linked > GtkComboBox:last-child > .button:checked,
+.linked > GtkComboBox:last-child > .button:active:hover,
+.linked > GtkComboBox:last-child > .button:checked:hover,
+.linked > GtkComboBox:last-child > .button:focus,
+.linked > GtkComboBox:last-child > .button:focus:active,
+.linked > GtkComboBox:last-child > .button:focus:checked,
+.linked > GtkComboBox:last-child > .button:insensitive,
+.linked > GtkComboBox:last-child > .button:backdrop,
+.linked > GtkComboBox:last-child > .button:active:backdrop,
+.linked > GtkComboBox:last-child > .button:checked:backdrop {
     border-width: 1px;
     border-left-width: 0;
     border-image-width: 10px 12px 10px 0;
@@ -354,18 +467,88 @@
 }
 
 /* Linked single button */
-.linked .entry:only-child,
-.linked .entry:active:only-child,
-.linked .entry:focus:only-child,
-.linked .entry:focus:active:only-child,
-.linked .button:only-child,
-.linked .button:active:only-child,
-.linked .button:active:hover:only-child,
-.linked .button:focus:only-child,
-.linked .button:focus:active:only-child,
-.linked .button:insensitive:only-child,
-.linked .button:backdrop:only-child,
-.linked .button:active:backdrop:only-child {
+.linked > .entry:only-child,
+.linked > .entry:active:only-child,
+.linked > .entry:checked:only-child,
+.linked > .entry:focus:only-child,
+.linked > .entry:focus:active:only-child,
+.linked > .entry:focus:checked:only-child,
+.linked > .button:only-child,
+.linked > .button:active:only-child,
+.linked > .button:checked:only-child,
+.linked > .button:active:hover:only-child,
+.linked > .button:checked:hover:only-child,
+.linked > .button:focus:only-child,
+.linked > .button:focus:active:only-child,
+.linked > .button:focus:checked:only-child,
+.linked > .button:insensitive:only-child,
+.linked > .button:backdrop:only-child,
+.linked > .button:active:backdrop:only-child,
+.linked > .button:checked:backdrop:only-child,
+.linked > GtkComboBox:only-child > .button,
+.linked > GtkComboBox:only-child > .button:active,
+.linked > GtkComboBox:only-child > .button:checked,
+.linked > GtkComboBox:only-child > .button:active:hover,
+.linked > GtkComboBox:only-child > .button:checked:hover,
+.linked > GtkComboBox:only-child > .button:focus,
+.linked > GtkComboBox:only-child > .button:focus:active,
+.linked > GtkComboBox:only-child > .button:focus:checked,
+.linked > GtkComboBox:only-child > .button:insensitive,
+.linked > GtkComboBox:only-child > .button:backdrop,
+.linked > GtkComboBox:only-child > .button:active:backdrop,
+.linked > GtkComboBox:only-child > .button:checked:backdrop {
+    border-right-width: 1px;
+    border-left-width: 1px;
+    border-image-width: 10px 12px 10px 12px;
+    border-radius: 8px;
+}
+
+/* Middle button (vertical) */
+.linked.vertical .entry,
+.linked.vertical .button,
+.linked.vertical .button:active,
+.linked.vertical .button:active:hover,
+.linked.vertical .button:insensitive {
+    border-right-width: 0;
+    border-left-width: 0;
+    border-image-width: 0px 12px 0px 12px;
+    border-radius: 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-bottom-width: 0;
+    border-image-width: 10px 12px 0px 12px;
+    border-radius: 8px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-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-bottom-width: 0;
+    border-image-width: 0px 12px 10px 12px;
+    border-radius: 8px;
+    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-right-width: 1px;
     border-left-width: 1px;
     border-image-width: 10px 12px 10px 12px;
@@ -381,7 +564,10 @@
 .menubar.toolbar .raised.linked .button,
 .header-bar .linked .button,
 .header-bar .button.raised.linked,
-.header-bar .raised.linked .button {
+.header-bar .raised.linked .button,
+.titlebar .linked .button,
+.titlebar .button.raised.linked,
+.titlebar .raised.linked .button {
     box-shadow: inset 1px 0 shade (@dark_bg_color, 1.4),
                 inset -1px 0 shade (@dark_bg_color, 0.9);
 }
@@ -394,7 +580,10 @@
 .menubar.toolbar .raised.linked .button:first-child,
 .header-bar .linked .button:first-child,
 .header-bar .button.raised.linked:first-child,
-.header-bar .raised.linked .button:first-child {
+.header-bar .raised.linked .button:first-child,
+.titlebar .linked .button:first-child,
+.titlebar .button.raised.linked:first-child,
+.titlebar .raised.linked .button:first-child {
     box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9);
 }
 
@@ -404,21 +593,39 @@
 .menubar.toolbar .linked .button:last-child,
 .menubar.toolbar .button.raised.linked:last-child,
 .menubar.toolbar .raised.linked .button:last-child,
-.header-bar .linked .button:last-child,s
+.header-bar .linked .button:last-child,
 .header-bar .button.raised.linked:last-child,
-.header-bar .raised.linked .button:last-child {
+.header-bar .raised.linked .button:last-child,
+.titlebar .linked .button:last-child,
+.titlebar .button.raised.linked:last-child,
+.titlebar .raised.linked .button:last-child {
     box-shadow: inset 1px 0 shade (@dark_bg_color, 1.4)
 }
 
 .primary-toolbar .linked .button:active,
+.primary-toolbar .linked .button:checked,
 .primary-toolbar .button.raised.linked:active,
+.primary-toolbar .button.raised.linked:checked,
 .primary-toolbar .raised.linked .button:active,
+.primary-toolbar .raised.linked .button:checked,
 .menubar.toolbar .linked .button:active,
-.menubar.toolbar .button.raised.linked:active
+.menubar.toolbar .linked .button:checked,
+.menubar.toolbar .button.raised.linked:active,
+.menubar.toolbar .button.raised.linked:checked
 .menubar.toolbar .raised.linked .button:active,
+.menubar.toolbar .raised.linked .button:checked,
 .header-bar .linked .button:active,
+.header-bar .linked .button:checked,
 .header-bar .button.raised.linked:active,
-.header-bar .raised.linked .button:active {
+.header-bar .button.raised.linked:checked,
+.header-bar .raised.linked .button:active,
+.header-bar .raised.linked .button:checked,
+.titlebar .linked .button:active,
+.titlebar .linked .button:checked,
+.titlebar .button.raised.linked:active,
+.titlebar .button.raised.linked:checked,
+.titlebar .raised.linked .button:active,
+.titlebar .raised.linked .button:checked {
     box-shadow: inset 1px 0 shade (@dark_bg_color, 0.9);
 }
 
@@ -430,7 +637,10 @@
 .menubar.toolbar .raised.linked .button:insensitive,
 .header-bar .linked .button:insensitive,
 .header-bar .button.raised.linked:insensitive,
-.header-bar .raised.linked .button:insensitive {
+.header-bar .raised.linked .button:insensitive,
+.titlebar .linked .button:insensitive,
+.titlebar .button.raised.linked:insensitive,
+.titlebar .raised.linked .button:insensitive {
     box-shadow: inset -1px 0 shade (@dark_bg_color, 0.9);
 }
 
@@ -442,7 +652,10 @@
 .menubar.toolbar .raised.linked .button:backdrop:last-child,
 .header-bar .linked .button:backdrop:last-child,
 .header-bar .button.raised.linked:backdrop:last-child,
-.header-bar .raised.linked .button:backdrop:last-child {
+.header-bar .raised.linked .button:backdrop:last-child,
+.titlebar .linked .button:backdrop:last-child,
+.titlebar .button.raised.linked:backdrop:last-child,
+.titlebar .raised.linked .button:backdrop:last-child {
     box-shadow: inset 1px 0 shade (@dark_bg_color, 1.2);
 }
 
@@ -453,8 +666,11 @@
 .menubar.toolbar .button.raised.linked:insensitive:backdrop,
 .menubar.toolbar .raised.linked .button:insensitive:backdrop,
 .header-bar .linked .button:insensitive:backdrop,
+.titlebar .linked .button:insensitive:backdrop,
 .header-bar .button.raised.linked:insensitive:backdrop,
+.titlebar .button.raised.linked:insensitive:backdrop,
 .header-bar .raised.linked .button:insensitive:backdrop {
+.titlebar .raised.linked .button:insensitive:backdrop {
     box-shadow: inset -1px 0 @unfocused_insensitive_borders;
 }*/
 
@@ -463,18 +679,31 @@
 .primary-toolbar .linked .entry:only-child,
 .primary-toolbar .linked .button:only-child,
 .primary-toolbar .linked .button:active:only-child,
+.primary-toolbar .linked .button:checked:only-child,
 .primary-toolbar .linked .button:active:hover:only-child,
+.primary-toolbar .linked .button:checked:hover:only-child,
 .primary-toolbar .linked .button:insensitive:only-child,
 .menubar.toolbar .linked .entry:only-child,
 .menubar.toolbar .linked .button:only-child,
 .menubar.toolbar .linked .button:active:only-child,
+.menubar.toolbar .linked .button:checked:only-child,
 .menubar.toolbar .linked .button:active:hover:only-child,
+.menubar.toolbar .linked .button:checked:hover:only-child,
 .menubar.toolbar .linked .button:insensitive:only-child,
 .header-bar .linked .entry:only-child,
 .header-bar .linked .button:only-child,
 .header-bar .linked .button:active:only-child,
+.header-bar .linked .button:checked:only-child,
 .header-bar .linked .button:active:hover:only-child,
-.header-bar .linked .button:insensitive:only-child {
+.header-bar .linked .button:checked:hover:only-child,
+.header-bar .linked .button:insensitive:only-child,
+.titlebar .linked .entry:only-child,
+.titlebar .linked .button:only-child,
+.titlebar .linked .button:active:only-child,
+.titlebar .linked .button:checked:only-child,
+.titlebar .linked .button:active:hover:only-child,
+.titlebar .linked .button:checked:hover:only-child,
+.titlebar .linked .button:insensitive:only-child {
     border-radius: 8px;
     box-shadow: none;
 }
@@ -526,6 +755,7 @@
 
 GtkCheckButton:hover,
 GtkCheckButton:active:hover,
+GtkCheckButton:checked:hover,
 GtkCheckButton:selected,
 GtkCheckButton:selected:focus {
     background-color: transparent;
@@ -539,7 +769,8 @@
  * column-header *
  *****************/
 column-header .button,
-column-header .button:active {
+column-header .button:active,
+column-header .button:checked {
     border-radius: 0;
     border-width: 0 1px 1px 0;
     border-image: none;
@@ -605,8 +836,10 @@
 
 .view:selected,
 .view:active,
+.view:checked,
 .content-view.view:selected,
-.content-view.view:active {
+.content-view.view:active,
+.content-view.view:checked {
     background-color: @selected_bg_color;
 }
 
@@ -631,13 +864,15 @@
     background-color: transparent;
 }
 
-GtkIconView.content-view.check:active {
+GtkIconView.content-view.check:active,
+GtkIconView.content-view.check:checked {
     /*background-image: url("assets/grid-selection-checked.svg");*/
     background-color: transparent;
 }
 
 .content-view.view.check,
-.content-view.view.check:active {
+.content-view.view.check:active,
+.content-view.view.check:checked {
     background-color: transparent;
 }
 
@@ -664,6 +899,7 @@
 .primary-toolbar GtkComboBox.combobox-entry .button,
 .menubar.toolbar GtkComboBox.combobox-entry .button,
 .header-bar GtkComboBox.combobox-entry .button,
+.titlebar GtkComboBox.combobox-entry .button,
 .entry {
     -GtkWidget-focus-line-width: 0;
 
@@ -679,6 +915,7 @@
 .primary-toolbar GtkComboBox.combobox-entry .button:backdrop,
 .menubar.toolbar GtkComboBox.combobox-entry .button:backdrop,
 .header-bar GtkComboBox.combobox-entry .button:backdrop,
+.titlebar GtkComboBox.combobox-entry .button:backdrop,
 .entry:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (mix (shade (@base_color, 0.96), @bg_color, 0.5)),
@@ -695,6 +932,7 @@
 .primary-toolbar GtkComboBox.combobox-entry .button:insensitive,
 .menubar.toolbar GtkComboBox.combobox-entry .button:insensitive,
 .header-bar GtkComboBox.combobox-entry .button:insensitive,
+.titlebar GtkComboBox.combobox-entry .button:insensitive,
 .entry:insensitive {
     background-color: #f5f5f5;
     background-image: none;
@@ -711,6 +949,7 @@
 .primary-toolbar GtkComboBox.combobox-entry .button:insensitive:backdrop,
 .menubar.toolbar GtkComboBox.combobox-entry .button:insensitive:backdrop,
 .header-bar GtkComboBox.combobox-entry .button:insensitive:backdrop,
+.titlebar GtkComboBox.combobox-entry .button:insensitive:backdrop,
 .entry:insensitive:backdrop {
     background-color: mix (#f5f5f5, @bg_color, 0.5);
 
@@ -718,11 +957,9 @@
 }
 
 .primary-toolbar .entry.progressbar,
-.primary-toolbar .entry.progressbar,
-.menubar.toolbar .entry.progressbar,
-.menubar.toolbar .entry.progressbar,
-.header-bar .entry.progressbar,
-.header-bar .entry.progressbar,
+.menubar.toolbar .entry.progressbar,
+.header-bar .entry.progressbar,
+.titlebar .entry.progressbar,
 .entry.progressbar {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@selected_bg_color, 0.8)),
@@ -743,13 +980,17 @@
 /*********
  * frame *
  *********/
-.frame {
-    border-radius: 3px;
-    border-width: 1px;
-    border-style: solid;
-    border-color: shade (@bg_color, 0.82);
-    border-image: none;
-    background: none;
+
+.window-frame {
+    border-radius: 10px 10px 0 0;
+    box-shadow: 2px 10px 30px @window_shadow;
+
+    /* this is used for the resize cursor area */
+    margin: 10px;
+}
+
+.window-frame:backdrop {
+    box-shadow: 2px 10px 25px @window_shadow_inactive;
 }
 
 /************
@@ -892,10 +1133,12 @@
 .toolbar .primary-toolbar .menu,
 .toolbar .menubar.toolbar .menu,
 .toolbar .header-bar .menu,
+.toolbar .titlebar .menu,
 GtkMenuToolButton.menu,
 .primary-toolbar .button .menu,
 .menubar.toolbar .button .menu,
 .header-bar .button .menu,
+.titlebar .button .menu,
 .menu {
     background-image: none;
     background-color: shade (@dark_bg_color, 1.08);
@@ -941,24 +1184,39 @@
 
 .menu.button:hover,
 .menu.button:active,
+.menu.button:checked,
 .menu.button:active:insensitive,
+.menu.button:checked:insensitive,
 .menu.button:insensitive,
 .menu.button
 /*.primary-toolbar .menu.button:hover,
 .primary-toolbar .menu.button:active,
+.primary-toolbar .menu.button:checked,
 .primary-toolbar .menu.button:active:insensitive,
+.primary-toolbar .menu.button:checked:insensitive,
 .primary-toolbar .menu.button:insensitive,
 .primary-toolbar .menu.button,
 .menubar.toolbar .menu.button:hover,
 .menubar.toolbar .menu.button:active,
+.menubar.toolbar .menu.button:checked,
 .menubar.toolbar .menu.button:active:insensitive,
+.menubar.toolbar .menu.button:checked:insensitive,
 .menubar.toolbar .menu.button:insensitive,
 .menubar.toolbar .menu.button,
 .header-bar .menu.button:hover,
+.titlebar .menu.button:hover,
 .header-bar .menu.button:active,
+.header-bar .menu.button:checked,
+.titlebar .menu.button:active,
+.titlebar .menu.button:checked,
 .header-bar .menu.button:active:insensitive,
+.header-bar .menu.button:checked:insensitive,
+.titlebar .menu.button:active:insensitive,
+.titlebar .menu.button:checked:insensitive,
 .header-bar .menu.button:insensitive,
-.header-bar .menu.button */
+.titlebar .menu.button:insensitive,
+.header-bar .menu.button
+.titlebar .menu.button */
 {
     background-color: shade (@dark_bg_color, 1.08);
     background-image: none;
@@ -1021,6 +1279,7 @@
     padding: 3px 5px 3px 5px;
 
     text-shadow: none;
+    transition: none;
 }
 
 .menuitem {
@@ -1037,6 +1296,7 @@
 }
 
 .popover .menuitem:active:hover,
+.popover .menuitem:checked:hover,
 .menuitem:hover,
 .menu .menuitem:hover {
     border-radius: 0;
@@ -1054,10 +1314,13 @@
 
     color: @selected_fg_color;
     text-shadow: 0 -1px shade (@selected_bg_color, 0.7);
+    transition: none;
 }
 
 .menuitem.check:active,
-.menuitem.radio:active {
+.menuitem.check:checked,
+.menuitem.radio:active,
+.menuitem.radio:checked {
     color: @fg_color;
 }
 
@@ -1079,7 +1342,9 @@
 .toolbar .menubar.toolbar .menu .menuitem:insensitive,
 .toolbar .menubar.toolbar .menu .menuitem *:insensitive,
 .toolbar .header-bar .menu .menuitem:insensitive,
+.toolbar .titlebar .menu .menuitem:insensitive,
 .toolbar .header-bar .menu .menuitem *:insensitive,
+.toolbar .titlebar .menu .menuitem *:insensitive,
 GtkMenuToolButton.menu .menuitem:insensitive,
 GtkMenuToolButton.menu .menuitem *:insensitive,
 .primary-toolbar .button .menu .menuitem:insensitive,
@@ -1088,6 +1353,8 @@
 .menubar.toolbar .button .menu .menuitem *:insensitive,
 .header-bar .button .menu .menuitem:insensitive,
 .header-bar .button .menu .menuitem *:insensitive,
+.titlebar .button .menu .menuitem:insensitive,
+.titlebar .button .menu .menuitem *:insensitive,
 .menuitem:insensitive,
 .menuitem *:insensitive {
     color: mix (@dark_fg_color, @dark_bg_color, 0.5);
@@ -1141,8 +1408,10 @@
 .primary-toolbar GtkScale.trough:backdrop,
 .menubar.toolbar GtkScale.trough,
 .menubar.toolbar GtkScale.trough:backdrop,
+.titlebar GtkScale.trough,
+.titlebar GtkScale.trough:backdrop,
+.header-bar GtkScale.trough:backdrop,
 .header-bar GtkScale.trough,
-.header-bar GtkScale.trough:backdrop,
 .menuitem GtkScale.trough {
     background-color: @dark_bg_color;
     background-image: none;
@@ -1172,17 +1441,38 @@
 /************
  * notebook *
  ************/
-.notebook tab.top { padding: 4px 6px 2px 6px; }
-.notebook tab.top:active { padding-bottom: 3px; }
-.notebook tab.bottom { padding: 2px 6px 4px 6px; }
-.notebook tab.bottom:active { padding-top: 3px; }
-.notebook tab.left { padding: 2px 4px 2px 6px; }
-.notebook tab.left:active { padding-right: 5px; }
-.notebook tab.right { padding: 2px 6px 2px 4px; }
-.notebook tab.right:active { padding-left: 5px; }
+.notebook tab.top {
+    padding: 4px 6px 2px 6px;
+}
+.notebook tab.top:active,
+.notebook tab.top:checked {
+    padding-bottom: 3px;
+}
+.notebook tab.bottom {
+    padding: 2px 6px 4px 6px;
+}
+.notebook tab.bottom:active,
+.notebook tab.bottom:checked {
+    padding-top: 3px;
+}
+.notebook tab.left {
+    padding: 2px 4px 2px 6px;
+}
+.notebook tab.left:active,
+.notebook tab.left:checked {
+    padding-right: 5px;
+}
+.notebook tab.right {
+    padding: 2px 6px 2px 4px;
+}
+.notebook tab.right:active,
+.notebook tab.right:checked {
+    padding-left: 5px;
+}
 
 /* give active tab a background, as it might be dragged across of others when reordering */
-.notebook tab:active {
+.notebook tab:active,
+.notebook tab:checked {
     background-color: @bg_color;
 }
 
@@ -1527,7 +1817,9 @@
 }
 
 OsThumb:active,
-GtkScrollbar:active {
+OsThumb:checked,
+GtkScrollbar:active,
+GtkScrollbar:checked {
     background-color: shade (@bg_color, 0.6);
 }
 
@@ -1610,10 +1902,12 @@
 .toolbar .primary-toolbar .menuitem.separator,
 .toolbar .menubar.toolbar .menuitem.separator,
 .toolbar .header-bar .menuitem.separator,
+.toolbar .titlebar .menuitem.separator,
 GtkMenuToolButton .menuitem.separator,
 .primary-toolbar .button .menuitem.separator,
 .menubar.toolbar .button .menuitem.separator,
 .header-bar .button .menuitem.separator,
+.titlebar .button .menuitem.separator,
 .menuitem.separator {
     border-color: shade (@dark_bg_color, 0.99);
     border-bottom-color: alpha (shade (@dark_bg_color, 1.26), 0.5);
@@ -1642,15 +1936,18 @@
  * spinbutton *
  **************/
 .spinbutton.button:active,
+.spinbutton.button:checked,
 .spinbutton.button:insensitive,
 .spinbutton.button {
     border-radius: 0;
 }
 
 .spinbutton.button:active:nth-child(last),
+.spinbutton.button:checked:nth-child(last),
 .spinbutton.button:insensitive:nth-child(last)
 .spinbutton.button:nth-child(last),
 .spinbutton.button:active:backdrop:nth-child(last),
+.spinbutton.button:checked:backdrop:nth-child(last),
 .spinbutton.button:insensitive:backdrop:nth-child(last),
 .spinbutton.button:backdrop:nth-child(last) {
     border-radius: 0 7px 7px 0;
@@ -1658,8 +1955,10 @@
 
 .spinbutton.button,
 .spinbutton.button:active,
+.spinbutton.button:checked,
 .spinbutton.button:backdrop,
 .spinbutton.button:active:backdrop,
+.spinbutton.button:checked:backdrop,
 .spinbutton.button:hover,
 .spinbutton.button:hover:backdrop {
     background-image: none;
@@ -1669,7 +1968,8 @@
     border-left-color: alpha (shade (@bg_color, 0.6), 0.22);
 }
 
-.spinbutton.button:active {
+.spinbutton.button:active,
+.spinbutton.button:checked {
     background-image: -gtk-gradient (radial, center center, 0.0, center center, 0.5,
                                      from (alpha (@selected_bg_color, 0.2)),
                                      to (alpha (@selected_bg_color, 0.0)));
@@ -1690,119 +1990,25 @@
 /***********
  * spinner *
  ***********/
-@keyframes spinner {
-    0.00% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
-
-    12.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)); }
-
-    25.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)); }
-
-    37.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)); }
-
-    50.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)); }
-
-    62.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)); }
-
-    75.0% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)); }
-
-    87.5% { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)); }
-
-    100%  { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.875)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.750)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.625)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.500)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.375)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.250)), to(transparent)),
-                              -gtk-gradient(radial, center center, 0, center center, 0.5, to(alpha(currentColor, 0.125)), to(transparent)); }
+@keyframes spin {
+  to {
+    -gtk-icon-transform: rotate(1turn);
+  }
 }
 
 .spinner {
-    background-color: transparent;
-    background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent)),
-                      -gtk-gradient(radial, center center, 0, center center, 0.5, to(currentColor), to(transparent));
-    background-position: 14% 14%, 0% 50%, 14% 86%, 50% 100%, 86% 86%, 100% 50%, 86% 14%, 50% 0%;
-    background-size: 20% 20%;
-    background-repeat: no-repeat;
-}
-
-.menu .spinner,
-.menu .spinner:hover,
-.primary-toolbar .spinner,
-.primary-toolbar .spinner,
-.menubar.toolbar .spinner,
-.menubar.toolbar .spinner,
-.header-bar .spinner,
-.header-bar .spinner {
-    color: @selected_bg_color;
-    border: none;
-    box-shadow: none;
+  background-image: none;
+  opacity: 0;
+  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
 }
 
 .spinner:active {
-    animation: spinner 1s infinite linear;
+    opacity: 1;
+    animation: spin 1s linear infinite;
+}
+
+.spinner:active:insensitive {
+    opacity: 0.5;
 }
 
 /*************
@@ -1829,7 +2035,8 @@
     text-shadow: 0 1px alpha (shade (@bg_color, 1.25), 0.5);
 }
 
-GtkSwitch.trough:active {
+GtkSwitch.trough:active,
+GtkSwitch.trough:checked {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@selected_bg_color, 0.93)),
                                      to (shade (@selected_bg_color, 0.99)));
@@ -1855,6 +2062,27 @@
     border-style: solid;
 }
 
+/********************
+ * app-notification *
+ ********************/
+.app-notification {
+    color: @selected_fg_color;
+    padding: 10px;
+    background-image: linear-gradient(to bottom, alpha(black, 0.8),
+                                                 transparent 2px);
+    background-color: alpha(black, 0.8)
+}
+
+.top .app-notification {
+    border-bottom-right-radius: 5px;
+    border-bottom-left-radius: 5px;
+}
+
+.bottom .app-notification {
+    border-top-right-radius: 5px;
+    border-top-left-radius: 5px;
+}
+
 /************
  * textview *
  ************/
@@ -1943,7 +2171,8 @@
 .primary-toolbar .toolbar,
 .primary-toolbar.toolbar,
 .menubar.toolbar,
-.header-bar {
+.header-bar,
+.titlebar {
     -GtkWidget-window-dragging: true;
 
     background-image: -gtk-gradient (linear, left top, left bottom,
@@ -1952,8 +2181,7 @@
     border-bottom-color: shade (@dark_bg_color, 1.1);
     border-top-color: shade (@dark_bg_color, 1.09);
     border-style: solid;
-    border-width: 1px 0 1px 0;
-    border-radius: 0;
+    border-width: 0;
 
     color: @dark_fg_color;
     text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
@@ -1965,7 +2193,8 @@
 .primary-toolbar.toolbar:backdrop,
 .menubar.toolbar .toolbar:backdrop,
 .menubar.toolbar.toolbar:backdrop,
-.header-bar:backdrop {
+.header-bar:backdrop,
+.titlebar:backdrop {
     background-image: none;
     background-color: @dark_bg_color;
     box-shadow: none;
@@ -1977,16 +2206,34 @@
 
 .primary-toolbar :insensitive,
 .menubar.toolbar .toolbar :insensitive,
-.header-bar :insensitive {
+.header-bar :insensitive,
+.titlebar :insensitive {
     text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
 }
 
+.header-bar,
+.titlebar {
+    padding: 2px 3px;
+}
+
+.header-bar .title,
+.titlebar .title {
+    font: Bold 10.5;
+}
+
+.header-bar .subtitle,
+.titlebar .subtitle {
+    font: 9;
+}
+
 .primary-toolbar GtkComboBox,
 .primary-toolbar .button,
 .menubar.toolbar GtkComboBox,
 .menubar.toolbar .button,
 .header-bar GtkComboBox,
-.header-bar .button {
+.header-bar .button,
+.titlebar GtkComboBox,
+.titlebar .button {
     background-color: transparent;
     background-image: none;
     border-color: transparent;
@@ -1996,6 +2243,7 @@
 
     color: @dark_fg_color;
     text-shadow: 0 -1px shade (@dark_bg_color, 0.7);
+    padding: 9px;
 }
 
 .primary-toolbar GtkComboBox:backdrop,
@@ -2003,7 +2251,9 @@
 .menubar.toolbar GtkComboBox:backdrop,
 .menubar.toolbar .button:backdrop,
 .header-bar GtkComboBox:backdrop,
-.header-bar .button:backdrop {
+.header-bar .button:backdrop,
+.titlebar GtkComboBox:backdrop,
+.titlebar .button:backdrop {
     color: @backdrop_dark_fg_color;
     text-shadow: 0 -1px shade (@dark_bg_color, 0.9);
 }
@@ -2012,17 +2262,26 @@
 .primary-toolbar .raised.button,
 .primary-toolbar .button:hover,
 .primary-toolbar .button:active,
+.primary-toolbar .button:checked,
 .primary-toolbar .button:insensitive,
 .menubar.toolbar .raised .button,
 .menubar.toolbar .raised.button,
 .menubar.toolbar .button:hover,
 .menubar.toolbar .button:active,
+.menubar.toolbar .button:checked,
 .menubar.toolbar .button:insensitive,
 .header-bar .raised .button,
 .header-bar .raised.button,
 .header-bar .button:hover,
 .header-bar .button:active,
-.header-bar .button:insensitive {
+.header-bar .button:checked,
+.header-bar .button:insensitive,
+.titlebar .raised .button,
+.titlebar .raised.button,
+.titlebar .button:hover,
+.titlebar .button:active,
+.titlebar .button:checked,
+.titlebar .button:insensitive {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@dark_bg_color, 1.2)),
                                      to (shade (@dark_bg_color, 1.1)));
@@ -2030,8 +2289,13 @@
 }
 
 .primary-toolbar .button:active,
+.primary-toolbar .button:checked,
 .menubar.toolbar .button:active,
-.header-bar .button:active {
+.menubar.toolbar .button:checked,
+.header-bar .button:active,
+.header-bar .button:checked,
+.titlebar .button:active,
+.titlebar .button:checked {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@dark_bg_color, 0.9)),
                                      to (shade (@dark_bg_color, 0.95)));
@@ -2040,33 +2304,50 @@
 }
 
 .primary-toolbar .button:active:hover,
+.primary-toolbar .button:checked:hover,
 .menubar.toolbar .button:active:hover,
-.header-bar .button:active:hover {
+.menubar.toolbar .button:checked:hover,
+.header-bar .button:active:hover,
+.header-bar .button:checked:hover,
+.titlebar .button:active:hover,
+.titlebar .button:checked:hover {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@dark_bg_color, 0.95)),
                                      to (shade (@dark_bg_color, 1.0)));
 }
 
 .primary-toolbar .button:active:insensitive,
+.primary-toolbar .button:checked:insensitive,
 .primary-toolbar .button:insensitive,
 .menubar.toolbar .button:active:insensitive,
+.menubar.toolbar .button:checked:insensitive,
 .menubar.toolbar .button:insensitive,
 .header-bar .button:active:insensitive,
-.header-bar .button:insensitive {
+.header-bar .button:checked:insensitive,
+.header-bar .button:insensitive,
+.titlebar .button:active:insensitive,
+.titlebar .button:checked:insensitive,
+.titlebar .button:insensitive {
     text-shadow: none;
 }
 
 .primary-toolbar .button:insensitive,
 .menubar.toolbar .button:insensitive,
-.header-bar .button:insensitive {
+.header-bar .button:insensitive,
+.titlebar .button:insensitive {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@dark_bg_color, 1.01)),
                                      to (shade (@dark_bg_color, 0.99)));
 }
 
 .primary-toolbar .button:active:insensitive,
+.primary-toolbar .button:checked:insensitive,
 .menubar.toolbar .button:active:insensitive,
-.header-bar .button:active:insensitive {
+.menubar.toolbar .button:checked:insensitive,
+.header-bar .button:active:insensitive,
+.header-bar .button:checked:insensitive,
+.titlebar .button:active:insensitive,
+.titlebar .button:checked:insensitive {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@dark_bg_color, 0.94)),
                                      to (shade (@dark_bg_color, 1.02)));
@@ -2080,7 +2361,10 @@
 .menubar.toolbar .separator:insensitive,
 .header-bar GtkSeparatorToolItem,
 .header-bar .separator,
-.header-bar .separator:insensitive {
+.header-bar .separator:insensitive,
+.titlebar GtkSeparatorToolItem,
+.titlebar .separator,
+.titlebar .separator:insensitive {
     border-color: alpha (shade (@dark_bg_color, 0.94), 0.35);
     border-bottom-color: alpha (shade (@dark_bg_color, 1.26), 0.5);
     border-right-color: alpha (shade (@dark_bg_color, 1.26), 0.5);
@@ -2115,15 +2399,19 @@
 /* Middle button */
 .inline-toolbar.toolbar .button,
 .inline-toolbar.toolbar .button:active,
+.inline-toolbar.toolbar .button:checked,
 .inline-toolbar.toolbar .button:focus,
 .inline-toolbar.toolbar .button:focus:active,
+.inline-toolbar.toolbar .button:focus:checked,
 .inline-toolbar.toolbar .button:insensitive,
 .inline-toolbar.toolbar .button:backdrop,
 .inline-toolbar.toolbar .button:backdrop:insensitive,
 .inline-toolbar.toolbar GtkToolButton .button,
 .inline-toolbar.toolbar GtkToolButton .button:active,
+.inline-toolbar.toolbar GtkToolButton .button:checked,
 .inline-toolbar.toolbar GtkToolButton .button:focus,
 .inline-toolbar.toolbar GtkToolButton .button:focus:active,
+.inline-toolbar.toolbar GtkToolButton .button:focus:checked,
 .inline-toolbar.toolbar GtkToolButton .button:insensitive,
 .inline-toolbar.toolbar GtkToolButton .button:backdrop,
 .inline-toolbar.toolbar GtkToolButton .button:backdrop:insensitive {
@@ -2136,15 +2424,19 @@
 /* Leftmost button */
 .inline-toolbar.toolbar .button:first-child,
 .inline-toolbar.toolbar .button:active:first-child,
+.inline-toolbar.toolbar .button:checked:first-child,
 .inline-toolbar.toolbar .button:focus:first-child,
 .inline-toolbar.toolbar .button:focus:active:first-child,
+.inline-toolbar.toolbar .button:focus:checked:first-child,
 .inline-toolbar.toolbar .button:insensitive:first-child,
 .inline-toolbar.toolbar .button:backdrop:first-child,
 .inline-toolbar.toolbar .button:backdrop: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:checked,
 .inline-toolbar.toolbar GtkToolButton:first-child .button:focus,
 .inline-toolbar.toolbar GtkToolButton:first-child .button:focus:active,
+.inline-toolbar.toolbar GtkToolButton:first-child .button:focus:checked,
 .inline-toolbar.toolbar GtkToolButton:first-child .button:insensitive,
 .inline-toolbar.toolbar GtkToolButton:first-child .button:backdrop,
 .inline-toolbar.toolbar GtkToolButton:first-child .button:backdrop:insensitive {
@@ -2159,15 +2451,19 @@
 /* Rightmost button */
 .inline-toolbar.toolbar .button:last-child,
 .inline-toolbar.toolbar .button:active:last-child,
+.inline-toolbar.toolbar .button:checked:last-child,
 .inline-toolbar.toolbar .button:focus:last-child,
 .inline-toolbar.toolbar .button:focus:active:last-child,
+.inline-toolbar.toolbar .button:focus:checked:last-child,
 .inline-toolbar.toolbar .button:insensitive:last-child,
 .inline-toolbar.toolbar .button:backdrop:last-child,
 .inline-toolbar.toolbar .button:backdrop: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:checked,
 .inline-toolbar.toolbar GtkToolButton:last-child .button:focus,
 .inline-toolbar.toolbar GtkToolButton:last-child .button:focus:active,
+.inline-toolbar.toolbar GtkToolButton:last-child .button:focus:checked,
 .inline-toolbar.toolbar GtkToolButton:last-child .button:insensitive,
 .inline-toolbar.toolbar GtkToolButton:last-child .button:backdrop,
 .inline-toolbar.toolbar GtkToolButton:last-child .button:backdrop:insensitive {
@@ -2183,15 +2479,19 @@
 /* Single button */
 .inline-toolbar.toolbar .button:only-child,
 .inline-toolbar.toolbar .button:active:only-child,
+.inline-toolbar.toolbar .button:checked:only-child,
 .inline-toolbar.toolbar .button:focus:only-child,
 .inline-toolbar.toolbar .button:focus:active:only-child,
+.inline-toolbar.toolbar .button:focus:checked:only-child,
 .inline-toolbar.toolbar .button:insensitive:only-child,
 .inline-toolbar.toolbar .button:backdrop:only-child,
 .inline-toolbar.toolbar .button:backdrop: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:checked,
 .inline-toolbar.toolbar GtkToolButton:only-child .button:focus,
 .inline-toolbar.toolbar GtkToolButton:only-child .button:focus:active,
+.inline-toolbar.toolbar GtkToolButton:only-child .button:focus:checked,
 .inline-toolbar.toolbar GtkToolButton:only-child .button:insensitive,
 .inline-toolbar.toolbar GtkToolButton:only-child .button:backdrop,
 .inline-toolbar.toolbar GtkToolButton:only-child .button:backdrop:insensitive {
@@ -2202,6 +2502,14 @@
     /*box-shadow: none;*/
 }
 
+/***************
+ * Dialog      *
+ ***************/
+.prompt,
+GtkMessageDialog {
+    -GtkDialog-button-spacing: 0;
+}
+
 /***********
  * tooltip *
  ***********/
@@ -2276,8 +2584,10 @@
  */
 .popover .menuitem,
 .popover .menuitem:active,
+.popover .menuitem:checked,
 .popover .menuitem:hover,
 .popover .menuitem:hover:active,
+.popover .menuitem:hover:checked,
 .popover .menuitem:insensitive,
 .popover .menuitem:backdrop {
     border-image: none;
@@ -2294,10 +2604,13 @@
 }
 
 .popover .menuitem:active,
+.popover .menuitem:checked,
 .popover .menuitem.check,
 .popover .menuitem.check:active,
+.popover .menuitem.check:checked,
 .popover .menuitem.radio,
-.popover .menuitem.radio:active {
+.popover .menuitem.radio:active,
+.popover .menuitem.radio:checked {
     background-image: none;
     border: none;
 }

=== modified file 'Ambiance/metacity-1/metacity-theme-1.xml'
--- Ambiance/metacity-1/metacity-theme-1.xml	2012-02-29 10:33:15 +0000
+++ Ambiance/metacity-1/metacity-theme-1.xml	2014-10-21 15:21:37 +0000
@@ -10,17 +10,17 @@
 </info>
 
 <!-- general window layout -->
-<frame_geometry name="frame_geometry_normal" title_scale="medium" rounded_top_left="true" rounded_top_right="true" rounded_bottom_left="false" rounded_bottom_right="false">
-  <distance name="left_width" value="1"/>
-  <distance name="right_width" value="1"/>
-  <distance name="bottom_height" value="1"/>
-  <distance name="left_titlebar_edge" value="10"/>
-  <distance name="right_titlebar_edge" value="10"/>
+<frame_geometry name="frame_geometry_normal" title_scale="medium" rounded_top_left="4" rounded_top_right="4" rounded_bottom_left="0" rounded_bottom_right="0">
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
+  <distance name="left_titlebar_edge" value="7"/>
+  <distance name="right_titlebar_edge" value="7"/>
   <distance name="button_width" value="18"/>
   <distance name="button_height" value="20"/>
-  <distance name="title_vertical_pad" value="11"/>
-  <border name="title_border" left="2" right="2" top="0" bottom="0"/>
-  <border name="button_border" left="0" right="0" top="1" bottom="0"/>
+  <distance name="title_vertical_pad" value="10"/>
+  <border name="title_border" left="0" right="2" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="1" top="1" bottom="0"/>
 </frame_geometry>
 
 <frame_geometry name="geometry_maximized" rounded_top_left="false" rounded_top_right="false" rounded_bottom_left="false" rounded_bottom_right="false">
@@ -31,15 +31,15 @@
   <distance name="right_titlebar_edge" value="10"/>
   <distance name="button_width" value="18"/>
   <distance name="button_height" value="20"/>
-  <distance name="title_vertical_pad" value="11"/>
-  <border name="title_border" left="2" right="2" top="0" bottom="0"/>
-  <border name="button_border" left="0" right="0" top="1" bottom="0"/>
+  <distance name="title_vertical_pad" value="10"/>
+  <border name="title_border" left="0" right="2" top="0" bottom="0"/>
+  <border name="button_border" left="0" right="1" top="1" bottom="0"/>
 </frame_geometry>
 
 <frame_geometry name="border" has_title="false">
-  <distance name="left_width" value="3"/>
-  <distance name="right_width" value="3"/>
-  <distance name="bottom_height" value="3"/>
+  <distance name="left_width" value="0"/>
+  <distance name="right_width" value="0"/>
+  <distance name="bottom_height" value="0"/>
   <distance name="left_titlebar_edge" value="0"/>
   <distance name="right_titlebar_edge" value="0"/>
   <distance name="button_width" value="0"/>
@@ -71,15 +71,11 @@
   <!-- frame and gradient -->
   <rectangle color="#3c3b37" filled="false" x="0" y="0" width="width-1" height="top_height"/>
   <gradient type="vertical" x="1" y="1" width="width-2" height="top_height-1">
-    <color value="shade/#474642/1.1" />
-    <color value="#3c3b37" />
+    <color value="shade/#3c3b37/1.5" />
+    <color value="shade/#3c3b37/1.0" />
   </gradient>
   <!-- top line -->
-  <gradient type="horizontal" x="0" y="1" width="width" height="1">
-    <color value="shade/#474642/1.2" />
-    <color value="shade/#474642/1.5" />
-    <color value="shade/#474642/1.2" />
-  </gradient>
+  <line color="shade/#3c3b37/1.6" x1="0" x2="width" y1="1" y2="1"/>
   <!-- left arch -->
   <!-- <arc color="shade/#474642/1.1" x="0" y="1" width="9" height="7" start_angle="270" extent_angle="90" />
   <arc color="#3c3b37" x="0" y="0" width="9" height="9" start_angle="270" extent_angle="90" /> -->
@@ -190,82 +186,6 @@
 
 <!-- buttons -->
 
-<!-- button trough left -->
-<draw_ops name="left_left_background_focused_normal">
-  <image filename="trough_left.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="left_left_background_focused_pressed">
-  <image filename="trough_left.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="left_middle_background_focused_normal">
-  <image filename="trough_middle.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="left_middle_background_focused_pressed">
-  <image filename="trough_middle.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="left_right_background_focused_normal">
-  <image filename="trough_right.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="left_right_background_focused_pressed">
-  <image filename="trough_right.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="left_left_background_unfocused_normal">
-  <image filename="trough_unfocused_left.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="left_left_background_unfocused_pressed">
-  <image filename="trough_unfocused_left.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="left_middle_background_unfocused_normal">
-  <image filename="trough_unfocused_middle.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="left_middle_background_unfocused_pressed">
-  <image filename="trough_unfocused_middle.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="left_right_background_unfocused_normal">
-  <image filename="trough_unfocused_right.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="left_right_background_unfocused_pressed">
-  <image filename="trough_unfocused_right.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-  
-<!-- button trough right -->
-<draw_ops name="right_left_background_focused_normal">
-  <image filename="trough_left.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="right_left_background_focused_pressed">
-  <image filename="trough_left.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="right_middle_background_focused_normal">
-  <image filename="trough_middle.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="right_middle_background_focused_pressed">
-  <image filename="trough_middle.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="right_right_background_focused_normal">
-  <image filename="trough_right.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="right_right_background_focused_pressed">
-  <image filename="trough_right.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="right_left_background_unfocused_normal">
-  <image filename="trough_unfocused_left.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="right_left_background_unfocused_pressed">
-  <image filename="trough_unfocused_left.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="right_middle_background_unfocused_normal">
-  <image filename="trough_unfocused_middle.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="right_middle_background_unfocused_pressed">
-  <image filename="trough_unfocused_middle.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="right_right_background_unfocused_normal">
-  <image filename="trough_unfocused_right.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-<draw_ops name="right_right_background_unfocused_pressed">
-  <image filename="trough_unfocused_right.png" x="0" y="1" width="object_width" height="object_height"/>
-</draw_ops>
-
 <!-- button prelightlays -->
 <draw_ops name="menu_focused_normal">
    <image filename="menu.png" x="0" y="1" width="object_width" height="object_height"/>
@@ -359,27 +279,9 @@
   <piece position="left_edge" draw_ops="draw_frame"/>
   <piece position="right_edge" draw_ops="draw_frame"/>
   <piece position="bottom_edge" draw_ops="bottom_edge"/>
-  <button function="left_left_background" state="normal" draw_ops="left_left_background_focused_normal"/>
-  <button function="left_middle_background" state="normal" draw_ops="left_middle_background_focused_normal"/>
-  <button function="left_right_background" state="normal" draw_ops="left_right_background_focused_normal"/>
-  <button function="left_left_background" state="prelight" draw_ops="left_left_background_focused_normal"/>
-  <button function="left_middle_background" state="prelight" draw_ops="left_middle_background_focused_normal"/>
-  <button function="left_right_background" state="prelight" draw_ops="left_right_background_focused_normal"/>
-  <button function="left_left_background" state="pressed" draw_ops="left_left_background_focused_pressed"/>
-  <button function="left_middle_background" state="pressed" draw_ops="left_middle_background_focused_pressed"/>
-  <button function="left_right_background" state="pressed" draw_ops="left_right_background_focused_pressed"/>
-  <button function="right_left_background" state="normal" draw_ops="right_left_background_focused_normal"/>
-  <button function="right_middle_background" state="normal" draw_ops="right_middle_background_focused_normal"/>
-  <button function="right_right_background" state="normal" draw_ops="right_right_background_focused_normal"/>
-  <button function="right_left_background" state="prelight" draw_ops="right_left_background_focused_normal"/>
-  <button function="right_middle_background" state="prelight" draw_ops="right_middle_background_focused_normal"/>
-  <button function="right_right_background" state="prelight" draw_ops="right_right_background_focused_normal"/>
-  <button function="right_left_background" state="pressed" draw_ops="right_left_background_focused_pressed"/>
-  <button function="right_middle_background" state="pressed" draw_ops="right_middle_background_focused_pressed"/>
-  <button function="right_right_background" state="pressed" draw_ops="right_right_background_focused_pressed"/>
   <button function="menu" state="normal" draw_ops="menu_focused_normal"/>
   <button function="menu" state="prelight" draw_ops="menu_focused_prelight"/>
-  <button function="menu" state="pressed" draw_ops="menu_focused_normal"/> 
+  <button function="menu" state="pressed" draw_ops="menu_focused_normal"/>
   <button function="minimize" state="normal" draw_ops="minimize_focused_normal"/>
   <button function="minimize" state="prelight" draw_ops="minimize_focused_prelight"/>
   <button function="minimize" state="pressed" draw_ops="minimize_focused_pressed"/>
@@ -399,27 +301,9 @@
   <piece position="left_edge" draw_ops="draw_frame"/>
   <piece position="right_edge" draw_ops="draw_frame"/>
   <piece position="bottom_edge" draw_ops="bottom_edge"/>
-  <button function="left_left_background" state="normal" draw_ops="left_left_background_unfocused_normal"/>
-  <button function="left_middle_background" state="normal" draw_ops="left_middle_background_unfocused_normal"/>
-  <button function="left_right_background" state="normal" draw_ops="left_right_background_unfocused_normal"/>
-  <button function="left_left_background" state="prelight" draw_ops="left_left_background_unfocused_normal"/>
-  <button function="left_middle_background" state="prelight" draw_ops="left_middle_background_unfocused_normal"/>
-  <button function="left_right_background" state="prelight" draw_ops="left_right_background_unfocused_normal"/>
-  <button function="left_left_background" state="pressed" draw_ops="left_left_background_unfocused_pressed"/>
-  <button function="left_middle_background" state="pressed" draw_ops="left_middle_background_unfocused_pressed"/>
-  <button function="left_right_background" state="pressed" draw_ops="left_right_background_unfocused_pressed"/>
-  <button function="right_left_background" state="normal" draw_ops="right_left_background_unfocused_normal"/>
-  <button function="right_middle_background" state="normal" draw_ops="right_middle_background_unfocused_normal"/>
-  <button function="right_right_background" state="normal" draw_ops="right_right_background_unfocused_normal"/>
-  <button function="right_left_background" state="prelight" draw_ops="right_left_background_unfocused_normal"/>
-  <button function="right_middle_background" state="prelight" draw_ops="right_middle_background_unfocused_normal"/>
-  <button function="right_right_background" state="prelight" draw_ops="right_right_background_unfocused_normal"/>
-  <button function="right_left_background" state="pressed" draw_ops="right_left_background_unfocused_pressed"/>
-  <button function="right_middle_background" state="pressed" draw_ops="right_middle_background_unfocused_pressed"/>
-  <button function="right_right_background" state="pressed" draw_ops="right_right_background_unfocused_pressed"/>
   <button function="menu" state="normal" draw_ops="menu_unfocused_normal"/>
   <button function="menu" state="prelight" draw_ops="menu_unfocused_prelight"/>
-  <button function="menu" state="pressed" draw_ops="menu_unfocused_normal"/> 
+  <button function="menu" state="pressed" draw_ops="menu_unfocused_normal"/>
   <button function="minimize" state="normal" draw_ops="minimize_unfocused_normal"/>
   <button function="minimize" state="prelight" draw_ops="minimize_unfocused_prelight"/>
   <button function="minimize" state="pressed" draw_ops="minimize_unfocused_pressed"/>
@@ -530,4 +414,4 @@
 <window type="utility" style_set="utility"/>
 <window type="border" style_set="border"/>
 
-</metacity_theme> 
+</metacity_theme>

=== modified file 'Radiance/gtk-3.0/apps/gnome-panel.css'
--- Radiance/gtk-3.0/apps/gnome-panel.css	2013-07-10 16:38:17 +0000
+++ Radiance/gtk-3.0/apps/gnome-panel.css	2014-10-21 15:21:37 +0000
@@ -68,9 +68,13 @@
 }
 
 PanelApplet .button:active:prelight:backdrop,
+PanelApplet .button:checked:prelight:backdrop,
 PanelApplet .button:active:prelight,
+PanelApplet .button:checked:prelight,
 PanelApplet .button:active:backdrop,
-PanelApplet .button:active  {
+PanelApplet .button:checked:backdrop,
+PanelApplet .button:active ,
+PanelApplet .button:checked  {
     border-image: none;
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@dark_bg_color, 0.7)),

=== modified file 'Radiance/gtk-3.0/apps/nautilus.css'
--- Radiance/gtk-3.0/apps/nautilus.css	2014-07-10 15:06:44 +0000
+++ Radiance/gtk-3.0/apps/nautilus.css	2014-10-21 15:21:37 +0000
@@ -18,7 +18,8 @@
     text-shadow: 1px 1px alpha (#000000, 0.8);
 }
 
-.nautilus-desktop.nautilus-canvas-item:active {
+.nautilus-desktop.nautilus-canvas-item:active,
+.nautilus-desktop.nautilus-canvas-item:checked {
     background-image: none;
     background-color: alpha (@bg_color, 0.84);
 
@@ -33,6 +34,7 @@
 }
 
 .nautilus-desktop.nautilus-canvas-item:active,
+.nautilus-desktop.nautilus-canvas-item:checked,
 .nautilus-desktop.nautilus-canvas-item:prelight,
 .nautilus-desktop.nautilus-canvas-item:selected {
     text-shadow: none;
@@ -88,7 +90,9 @@
 }
 
 #nautilus-search-button *:active,
-#nautilus-search-button *:active:prelight {
+#nautilus-search-button *:checked,
+#nautilus-search-button *:active:prelight,
+#nautilus-search-button *:checked:prelight {
     color: @dark_fg_color;
 }
 

=== modified file 'Radiance/gtk-3.0/apps/unity.css'
--- Radiance/gtk-3.0/apps/unity.css	2014-03-31 20:51:28 +0000
+++ Radiance/gtk-3.0/apps/unity.css	2014-10-21 15:21:37 +0000
@@ -6,9 +6,9 @@
 
     -UnityDecoration-shadow-offset-x: 1px;
     -UnityDecoration-shadow-offset-y: 5px;
-    -UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.78);
+    -UnityDecoration-active-shadow-color: @window_shadow;
     -UnityDecoration-active-shadow-radius: 30px;
-    -UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.3);
+    -UnityDecoration-inactive-shadow-color: @window_shadow_inactive;
     -UnityDecoration-inactive-shadow-radius: 25px;
 
     -UnityDecoration-glow-size: 10px;
@@ -19,6 +19,8 @@
     -UnityDecoration-title-alignment: 0.0;
 }
 
+.titlebar,
+.header-bar,
 UnityDecoration.top {
     border: 1px solid rgba (85, 40, 0, 0.04); /* shade (@dark_bg_color) (shade (#edebe6, 1.06) */
     border-bottom-width: 0;
@@ -39,6 +41,12 @@
                  0 1px shade (@dark_bg_color, 1.06), 0 -1px shade (@dark_bg_color, 1.06);
 }
 
+UnityDecoration.top {
+    padding: 1px 6px 0 6px;
+}
+
+.titlebar:backdrop,
+.header-bar:backdrop,
 UnityDecoration.top:backdrop {
     border: 1px solid rgba (110, 27, 0, 0.04); /* shade @dark_bg_color - shade (#edebe6, 0.96) */
     border-bottom-width: 0;

=== modified file 'Radiance/gtk-3.0/gtk-main.css'
--- Radiance/gtk-3.0/gtk-main.css	2014-10-13 14:58:41 +0000
+++ Radiance/gtk-3.0/gtk-main.css	2014-10-21 15:21:37 +0000
@@ -36,6 +36,10 @@
 
 @define-color shadow_color alpha(black, 0.5);
 
+/* window decoration colors */
+@define-color window_shadow rgba (0, 0, 0, 0.78);
+@define-color window_shadow_inactive rgba (0, 0, 0, 0.3);
+
 @import url("gtk-widgets-borders.css");
 @import url("gtk-widgets-borders-radiance.css");
 @import url("gtk-widgets-assets.css");

=== modified file 'Radiance/gtk-3.0/gtk-widgets-assets-radiance.css'
--- Radiance/gtk-3.0/gtk-widgets-assets-radiance.css	2012-10-10 11:38:40 +0000
+++ Radiance/gtk-3.0/gtk-widgets-assets-radiance.css	2014-10-21 15:21:37 +0000
@@ -1,23 +1,33 @@
 .menu .check {
     background-image: url("assets/check-menuitem-unselected.png");
+    -gtk-icon-source: url("assets/check-menuitem-unselected.png");
 }
 
 .menu .radio {
     background-image: url("assets/check-menuitem-unselected.png");
+    -gtk-icon-source: url("assets/check-menuitem-unselected.png");
 }
 
-.menu .check:active {
+.menu .check:active,
+.menu .check:checked {
     background-image: url("assets/check-menuitem-dark.png");
+    -gtk-icon-source: url("assets/check-menuitem-dark.png");
 }
 
-.menu .check:active:insensitive {
+.menu .check:active:insensitive,
+.menu .check:checked:insensitive {
     background-image: url("assets/check-menuitem-insensitive-dark.png");
+    -gtk-icon-source: url("assets/check-menuitem-insensitive-dark.png");
 }
 
-.menu .radio:active {
+.menu .radio:active,
+.menu .radio:checked {
     background-image: url("assets/radio-menuitem-dark.png");
+    -gtk-icon-source: url("assets/radio-menuitem-dark.png");
 }
 
-.menu .radio:active:insensitive {
+.menu .radio:active:insensitive,
+.menu .radio:checked:insensitive {
     background-image: url("assets/radio-menuitem-insensitive-dark.png");
-}
\ No newline at end of file
+    -gtk-icon-source: url("assets/radio-menuitem-insensitive-dark.png");
+}

=== modified file 'Radiance/gtk-3.0/gtk-widgets-assets.css'
--- Radiance/gtk-3.0/gtk-widgets-assets.css	2014-01-10 17:18:52 +0000
+++ Radiance/gtk-3.0/gtk-widgets-assets.css	2014-10-21 15:21:37 +0000
@@ -5,6 +5,7 @@
 .grip {
     background-color: transparent;
     /*background-image: url("assets/resize-grip.svg");*/
+    /*-gtk-icon-source: url("assets/resize-grip.svg");*/
 }
 
 /*************************
@@ -19,26 +20,31 @@
 
 .check {
     background-image: url("assets/check-unselected.png");
+    -gtk-icon-source: url("assets/check-unselected.png");
 }
 
 .check:hover {
     background-image: url("assets/check-unselected-hover.png");
+    -gtk-icon-source: url("assets/check-unselected-hover.png");
 }
 
 .check row,
 .check row:selected,
 .check row:selected:focus {
     background-image: url("assets/check-unselected-alt.png");
+    -gtk-icon-source: url("assets/check-unselected-alt.png");
 }
 
 .check row:hover,
 .check row:selected:hover,
 .check row:selected:focus:hover {
     background-image: url("assets/check-unselected-hover-alt.png");
+    -gtk-icon-source: url("assets/check-unselected-hover-alt.png");
 }
 
 .check:insensitive {
     background-image: url("assets/check-unselected-disabled.png");
+    -gtk-icon-source: url("assets/check-unselected-disabled.png");
 }
 
 .check row:insensitive {
@@ -50,168 +56,224 @@
 .check row:selected:focus:insensitive {
     background-color: transparent;
     background-image: url("assets/check-unselected-disabled-alt.png");
+    -gtk-icon-source: url("assets/check-unselected-disabled-alt.png");
 }
 
 .check:backdrop {
     background-image: url("assets/backdrop-check-unselected.png");
+    -gtk-icon-source: url("assets/backdrop-check-unselected.png");
 }
 
 .check:hover:backdrop {
     background-image: url("assets/backdrop-check-unselected-hover.png");
+    -gtk-icon-source: url("assets/backdrop-check-unselected-hover.png");
 }
 
 .check row:backdrop,
 .check row:selected:backdrop {
     background-image: url("assets/backdrop-check-unselected-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-unselected-alt.png");
 }
 
 .check row:hover:backdrop,
 .check row:selected:hover:backdrop {
     background-image: url("assets/backdrop-check-unselected-hover-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-unselected-hover-alt.png");
 }
 
 .check:insensitive:backdrop {
     background-image: url("assets/backdrop-check-unselected-disabled.png");
+    -gtk-icon-source: url("assets/backdrop-check-unselected-disabled.png");
 }
 
 .check row:selected:insensitive:backdrop {
     background-image: url("assets/backdrop-check-unselected-disabled-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-unselected-disabled-alt.png");
 }
 
-.check:active {
+.check:active,
+.check:checked {
     background-image: url("assets/check-selected.png");
+    -gtk-icon-source: url("assets/check-selected.png");
 }
 
-.check:active:hover {
+.check:active:hover,
+.check:checked:hover {
     background-image: url("assets/check-selected-hover.png");
+    -gtk-icon-source: url("assets/check-selected-hover.png");
 }
 
 .check row:active,
+.check row:checked,
 .check row:selected:active,
-.check row:selected:focus:active {
+.check row:selected:checked,
+.check row:selected:focus:active,
+.check row:selected:focus:checked {
     background-image: url("assets/check-selected-alt.png");
+    -gtk-icon-source: url("assets/check-selected-alt.png");
 }
 
 .check row:active:hover,
+.check row:checked:hover,
 .check row:selected:active:hover,
-.check row:selected:active:focus:hover {
+.check row:selected:checked:hover,
+.check row:selected:active:focus:hover,
+.check row:selected:checked:focus:hover {
     background-image: url("assets/check-selected-hover-alt.png");
+    -gtk-icon-source: url("assets/check-selected-hover-alt.png");
 }
 
-.check:active:insensitive {
+.check:active:insensitive,
+.check:checked:insensitive {
     background-image: url("assets/check-selected-disabled.png");
+    -gtk-icon-source: url("assets/check-selected-disabled.png");
 }
 
 .check row:active:insensitive,
+.check row:checked:insensitive,
 .check row:selected:active:insensitive,
-.check row:selected:focus:active:insensitive {
+.check row:selected:checked:insensitive,
+.check row:selected:focus:active:insensitive,
+.check row:selected:focus:checked:insensitive {
     background-image: url("assets/check-selected-disabled-alt.png");
+    -gtk-icon-source: url("assets/check-selected-disabled-alt.png");
 }
 
-.check:active:backdrop {
+.check:active:backdrop,
+.check:checked:backdrop {
     background-image: url("assets/backdrop-check-selected.png");
+    -gtk-icon-source: url("assets/backdrop-check-selected.png");
 }
 
-.check:active:backdrop {
+.check:active:backdrop,
+.check:checked:backdrop {
     background-image: url("assets/backdrop-check-selected-hover.png");
+    -gtk-icon-source: url("assets/backdrop-check-selected-hover.png");
 }
 
 .check row:active:backdrop,
-.check row:selected:active:backdrop {
+.check row:checked:backdrop,
+.check row:selected:active:backdrop,
+.check row:selected:checked:backdrop {
     background-image: url("assets/backdrop-check-selected-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-selected-alt.png");
 }
 
 .check row:active:hover:backdrop,
-.check row:selected:active:hover:backdrop {
+.check row:checked:hover:backdrop,
+.check row:selected:active:hover:backdrop,
+.check row:selected:checked:hover:backdrop {
     background-image: url("assets/backdrop-check-selected-hover-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-selected-hover-alt.png");
 }
 
-.check:active:insensitive:backdrop {
+.check:active:insensitive:backdrop,
+.check:checked:insensitive:backdrop {
     background-image: url("assets/backdrop-check-selected-disabled.png");
+    -gtk-icon-source: url("assets/backdrop-check-selected-disabled.png");
 }
 
-.check row:selected:active:insensitive:backdrop {
+.check row:selected:active:insensitive:backdrop,
+.check row:selected:checked:insensitive:backdrop {
     background-image: url("assets/backdrop-check-selected-disabled-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-selected-disabled-alt.png");
 }
 
 .check:inconsistent {
     background-image: url("assets/check-mixed.png");
+    -gtk-icon-source: url("assets/check-mixed.png");
 }
 
 .check:inconsistent:hover {
     background-image: url("assets/check-mixed-hover.png");
+    -gtk-icon-source: url("assets/check-mixed-hover.png");
 }
 
 .check row:inconsistent,
 .check row:selected:inconsistent,
 .check row:selected:focus:inconsistent {
     background-image: url("assets/check-mixed-alt.png");
+    -gtk-icon-source: url("assets/check-mixed-alt.png");
 }
 
 .check row:inconsistent:hover,
 .check row:selected:inconsistent:hover,
 .check row:selected:focus:inconsistent:hover {
     background-image: url("assets/check-mixed-hover-alt.png");
+    -gtk-icon-source: url("assets/check-mixed-hover-alt.png");
 }
 
 .check:inconsistent:insensitive {
     background-image: url("assets/check-mixed-disabled.png");
+    -gtk-icon-source: url("assets/check-mixed-disabled.png");
 }
 
 .check row:inconsistent:insensitive,
 .check row:selected:inconsistent:insensitive,
 .check row:selected:focus:inconsistent:insensitive {
     background-image: url("assets/check-mixed-disabled-alt.png");
+    -gtk-icon-source: url("assets/check-mixed-disabled-alt.png");
 }
 
 .check:inconsistent:backdrop {
     background-image: url("assets/backdrop-check-mixed.png");
+    -gtk-icon-source: url("assets/backdrop-check-mixed.png");
 }
 
 .check:inconsistent:hover:backdrop {
     background-image: url("assets/backdrop-check-mixed-hover.png");
+    -gtk-icon-source: url("assets/backdrop-check-mixed-hover.png");
 }
 
 .check row:inconsistent:backdrop,
 .check row:selected:inconsistent:backdrop {
     background-image: url("assets/backdrop-check-mixed-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-mixed-alt.png");
 }
 
 .check row:inconsistent:hover:backdrop,
 .check row:selected:inconsistent:hover:backdrop {
     background-image: url("assets/backdrop-check-mixed-hover-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-mixed-hover-alt.png");
 }
 
 .check:inconsistent:insensitive:backdrop {
     background-image: url("assets/backdrop-check-mixed-disabled.png");
+    -gtk-icon-source: url("assets/backdrop-check-mixed-disabled.png");
 }
 
 .check row:selected:inconsistent:insensitive:backdrop {
     background-image: url("assets/backdrop-check-mixed-disabled-alt.png");
+    -gtk-icon-source: url("assets/backdrop-check-mixed-disabled-alt.png");
 }
 
 .radio {
     background-image: url("assets/radio-unselected.png");
+    -gtk-icon-source: url("assets/radio-unselected.png");
 }
 
 .radio:hover {
     background-image: url("assets/radio-unselected-hover.png");
+    -gtk-icon-source: url("assets/radio-unselected-hover.png");
 }
 
 .radio row,
 .radio row:selected,
 .radio row:selected:focus {
     background-image: url("assets/radio-unselected-alt.png");
+    -gtk-icon-source: url("assets/radio-unselected-alt.png");
 }
 
 .radio row:hover,
 .radio row:selected:hover,
 .radio row:selected:focus:hover {
     background-image: url("assets/radio-unselected-hover-alt.png");
+    -gtk-icon-source: url("assets/radio-unselected-hover-alt.png");
 }
 
 .radio:insensitive {
     background-image: url("assets/radio-unselected-disabled.png");
+    -gtk-icon-source: url("assets/radio-unselected-disabled.png");
 }
 
 .radio row:insensitive {
@@ -222,164 +284,223 @@
 .radio row:selected:insensitive,
 .radio row:selected:focus:insensitive {
     background-image: url("assets/radio-unselected-disabled-alt.png");
+    -gtk-icon-source: url("assets/radio-unselected-disabled-alt.png");
 }
 
 .radio:backdrop {
     background-image: url("assets/backdrop-radio-unselected.png");
+    -gtk-icon-source: url("assets/backdrop-radio-unselected.png");
 }
 
 .radio:hover:backdrop {
     background-image: url("assets/backdrop-radio-unselected-hover.png");
+    -gtk-icon-source: url("assets/backdrop-radio-unselected-hover.png");
 }
 
 .radio row:backdrop,
 .radio row:selected:backdrop {
     background-image: url("assets/backdrop-radio-unselected-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-unselected-alt.png");
 }
 
 .radio row:hover:backdrop,
 .radio row:selected:hover:backdrop {
     background-image: url("assets/backdrop-radio-unselected-hover-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-unselected-hover-alt.png");
 }
 
 .radio:insensitive:backdrop {
     background-image: url("assets/backdrop-radio-unselected-disabled.png");
+    -gtk-icon-source: url("assets/backdrop-radio-unselected-disabled.png");
 }
 
 .radio row:selected:insensitive:backdrop {
     background-image: url("assets/backdrop-radio-unselected-disabled-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-unselected-disabled-alt.png");
 }
 
-.radio:active {
+.radio:active,
+.radio:checked {
     background-image: url("assets/radio-selected.png");
+    -gtk-icon-source: url("assets/radio-selected.png");
 }
 
-.radio:active:hover {
+.radio:active:hover,
+.radio:checked:hover {
     background-image: url("assets/radio-selected-hover.png");
+    -gtk-icon-source: url("assets/radio-selected-hover.png");
 }
 
 .radio row:active,
+.radio row:checked,
 .radio row:selected:active,
-.radio row:selected:focus:active {
+.radio row:selected:checked,
+.radio row:selected:focus:active,
+.radio row:selected:focus:checked {
     background-image: url("assets/radio-selected-alt.png");
+    -gtk-icon-source: url("assets/radio-selected-alt.png");
 }
 
 .radio row:active:hover,
+.radio row:checked:hover,
 .radio row:selected:active:hover,
-.radio row:selected:focus:active:hover {
+.radio row:selected:checked:hover,
+.radio row:selected:focus:active:hover,
+.radio row:selected:focus:checked:hover {
     background-image: url("assets/radio-selected-hover-alt.png");
+    -gtk-icon-source: url("assets/radio-selected-hover-alt.png");
 }
 
-.radio:active:insensitive {
+.radio:active:insensitive,
+.radio:checked:insensitive {
     background-image: url("assets/radio-selected-disabled.png");
+    -gtk-icon-source: url("assets/radio-selected-disabled.png");
 }
 
 .radio row:insensitive,
 .radio row:selected:active:insensitive,
-.radio row:selected:focus:active:insensitive {
+.radio row:selected:checked:insensitive,
+.radio row:selected:focus:active:insensitive,
+.radio row:selected:focus:checked:insensitive {
     background-image: url("assets/radio-selected-disabled-alt.png");
+    -gtk-icon-source: url("assets/radio-selected-disabled-alt.png");
 }
 
-.radio:active:backdrop {
+.radio:active:backdrop,
+.radio:checked:backdrop {
     background-image: url("assets/backdrop-radio-selected.png");
+    -gtk-icon-source: url("assets/backdrop-radio-selected.png");
 }
 
-.radio:active:hover:backdrop {
+.radio:active:hover:backdrop,
+.radio:checked:hover:backdrop {
     background-image: url("assets/backdrop-radio-selected-hover.png");
+    -gtk-icon-source: url("assets/backdrop-radio-selected-hover.png");
 }
 
 .radio row:active:backdrop,
-.radio row:selected:active:backdrop {
+.radio row:checked:backdrop,
+.radio row:selected:active:backdrop,
+.radio row:selected:checked:backdrop {
     background-image: url("assets/backdrop-radio-selected-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-selected-alt.png");
 }
 
 .radio row:active:hover:backdrop,
-.radio row:selected:active:hover:backdrop {
+.radio row:checked:hover:backdrop,
+.radio row:selected:active:hover:backdrop,
+.radio row:selected:checked:hover:backdrop {
     background-image: url("assets/backdrop-radio-selected-hover-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-selected-hover-alt.png");
 }
 
-.radio:active:insensitive:backdrop {
+.radio:active:insensitive:backdrop,
+.radio:checked:insensitive:backdrop {
     background-image: url("assets/backdrop-radio-selected-disabled.png");
+    -gtk-icon-source: url("assets/backdrop-radio-selected-disabled.png");
 }
 
-.radio row:selected:active:insensitive:backdrop {
+.radio row:selected:active:insensitive:backdrop,
+.radio row:selected:checked:insensitive:backdrop {
     background-image: url("assets/backdrop-radio-selected-disabled-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-selected-disabled-alt.png");
 }
 
 .radio:inconsistent {
     background-image: url("assets/radio-mixed.png");
+    -gtk-icon-source: url("assets/radio-mixed.png");
 }
 
 .radio:inconsistent:hover {
     background-image: url("assets/radio-mixed-hover.png");
+    -gtk-icon-source: url("assets/radio-mixed-hover.png");
 }
 
 .radio row:inconsistent,
 .radio row:selected:inconsistent,
 .radio row:selected:focus:inconsistent {
     background-image: url("assets/radio-mixed-alt.png");
+    -gtk-icon-source: url("assets/radio-mixed-alt.png");
 }
 
 .radio row:inconsistent:hover,
 .radio row:selected:inconsistent:hover,
 .radio row:selected:focus:inconsistent:hover {
     background-image: url("assets/radio-mixed-hover-alt.png");
+    -gtk-icon-source: url("assets/radio-mixed-hover-alt.png");
 }
 
 .radio:inconsistent:insensitive {
     background-image: url("assets/radio-mixed-disabled.png");
+    -gtk-icon-source: url("assets/radio-mixed-disabled.png");
 }
 
 .radio row:inconsistent:insensitive,
 .radio row:selected:inconsistent:insensitive,
 .radio row:selected:focus:inconsistent:insensitive {
     background-image: url("assets/radio-mixed-disabled-alt.png");
+    -gtk-icon-source: url("assets/radio-mixed-disabled-alt.png");
 }
 
 .radio:inconsistent:backdrop {
     background-image: url("assets/backdrop-radio-mixed.png");
+    -gtk-icon-source: url("assets/backdrop-radio-mixed.png");
 }
 
 .radio:inconsistent:hover:backdrop {
     background-image: url("assets/backdrop-radio-mixed-hover.png");
+    -gtk-icon-source: url("assets/backdrop-radio-mixed-hover.png");
 }
 
 .radio row:inconsistent:backdrop,
 .radio row:selected:inconsistent:backdrop {
     background-image: url("assets/backdrop-radio-mixed-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-mixed-alt.png");
 }
 
 .radio row:inconsistent:hover:backdrop,
 .radio row:selected:inconsistent:hover:backdrop {
     background-image: url("assets/backdrop-radio-mixed-hover-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-mixed-hover-alt.png");
 }
 
 .radio:inconsistent:insensitive:backdrop {
     background-image: url("assets/backdrop-radio-mixed-disabled.png");
+    -gtk-icon-source: url("assets/backdrop-radio-mixed-disabled.png");
 }
 
 .radio row:selected:inconsistent:insensitive:backdrop {
     background-image: url("assets/backdrop-radio-mixed-disabled-alt.png");
+    -gtk-icon-source: url("assets/backdrop-radio-mixed-disabled-alt.png");
 }
 
 /*.sidebar .radio:active,
+.sidebar .radio:checked,
 .sidebar .radio:active:focus,
-.sidebar .radio:active:hover {
+.sidebar .radio:checked:focus,
+.sidebar .radio:active:hover,
+.sidebar .radio:checked:hover {
     background-image: url("assets/sidebar-radio-selected.svg");
+    -gtk-icon-source: url("assets/sidebar-radio-selected.svg");
 }
 
 .sidebar .radio:hover {
     background-image: url("assets/sidebar-radio-prelight.svg");
+    -gtk-icon-source: url("assets/sidebar-radio-prelight.svg");
 }
 
 .sidebar .radio:active:selected,
-.sidebar .radio:active:selected:focus {
+.sidebar .radio:checked:selected,
+.sidebar .radio:active:selected:focus,
+.sidebar .radio:checked:selected:focus {
     background-image: url("assets/sidebar-radio-selected.svg");
+    -gtk-icon-source: url("assets/sidebar-radio-selected.svg");
 }
 
 .sidebar .radio:selected:hover,
 .sidebar .radio:selected:focus {
     background-image: url("assets/sidebar-radio-selected-prelight.svg");
+    -gtk-icon-source: url("assets/sidebar-radio-selected-prelight.svg");
 }*/
 
 .primary-toolbar .menu .check,
@@ -387,6 +508,7 @@
 .header-bar .menu .check,
 .menu .check {
     background-image: url("assets/check-menuitem-unselected.png");
+    -gtk-icon-source: url("assets/check-menuitem-unselected.png");
 }
 
 .primary-toolbar .menu .radio,
@@ -394,65 +516,100 @@
 .header-bar .menu .radio,
 .menu .radio {
     background-image: url("assets/check-menuitem-unselected.png");
+    -gtk-icon-source: url("assets/check-menuitem-unselected.png");
 }
 
 .primary-toolbar .menu .check:active,
+.primary-toolbar .menu .check:checked,
 .menubar.toolbar .menu .check:active,
+.menubar.toolbar .menu .check:checked,
 .header-bar .menu .check:active,
-.menu .check:active {
+.header-bar .menu .check:checked,
+.menu .check:active,
+.menu .check:checked {
     background-image: url("assets/check-menuitem-dark.png");
 }
 
 .toolbar .menu .check:active:hover,
-.menu .check:active:hover {
+.toolbar .menu .check:checked:hover,
+.menu .check:active:hover,
+.menu .check:checked:hover {
     background-image: url("assets/check-menuitem.png");
+    -gtk-icon-source: url("assets/check-menuitem.png");
 }
 
 .primary-toolbar .menu .check:active:insensitive,
+.primary-toolbar .menu .check:checked:insensitive,
 .menubar.toolbar .menu .check:active:insensitive,
+.menubar.toolbar .menu .check:checked:insensitive,
 .header-bar .menu .check:active:insensitive,
+.header-bar .menu .check:checked:insensitive,
 .toolbar .menu .check:active:hover:insensitive,
+.toolbar .menu .check:checked:hover:insensitive,
 .menu .check:active:insensitive,
-.menu .check:active:hover:insensitive {
+.menu .check:checked:insensitive,
+.menu .check:active:hover:insensitive,
+.menu .check:checked:hover:insensitive {
     background-image: url("assets/check-menuitem-insensitive.png");
+    -gtk-icon-source: url("assets/check-menuitem-insensitive.png");
 }
 
 .toolbar .menu .radio:active:hover,
-.menu .radio:active {
+.toolbar .menu .radio:checked:hover,
+.menu .radio:active,
+.menu .radio:checked {
     background-image: url("assets/radio-menuitem.png");
+    -gtk-icon-source: url("assets/radio-menuitem.png");
 }
 
 .primary-toolbar .menu .radio:active:insensitive,
+.primary-toolbar .menu .radio:checked:insensitive,
 .menubar.toolbar .menu .radio:active:insensitive,
+.menubar.toolbar .menu .radio:checked:insensitive,
 .header-bar .menu .radio:active:insensitive,
+.header-bar .menu .radio:checked:insensitive,
 .toolbar .menu .radio:active:hover:insensitive,
+.toolbar .menu .radio:checked:hover:insensitive,
 .menu .radio:active:insensitive,
-.menu .radio:active:hover:insensitive {
+.menu .radio:checked:insensitive,
+.menu .radio:active:hover:insensitive,
+.menu .radio:checked:hover:insensitive {
     background-image: url("assets/radio-menuitem-insensitive.png");
+    -gtk-icon-source: url("assets/radio-menuitem-insensitive.png");
 }
 
 .toolbar .menu .check {
     background-image: url("assets/check-menuitem-unselected.png");
+    -gtk-icon-source: url("assets/check-menuitem-unselected.png");
 }
 
 .toolbar .menu .radio {
     background-image: url("assets/check-menuitem-unselected.png");
+    -gtk-icon-source: url("assets/check-menuitem-unselected.png");
 }
 
-.toolbar .menu .check:active {
+.toolbar .menu .check:active,
+.toolbar .menu .check:checked {
     background-image: url("assets/check-menuitem-dark.png");
+    -gtk-icon-source: url("assets/check-menuitem-dark.png");
 }
 
-.toolbar .menu .check:active:insensitive {
+.toolbar .menu .check:active:insensitive,
+.toolbar .menu .check:checked:insensitive {
     background-image: url("assets/check-menuitem-insensitive-dark.png");
+    -gtk-icon-source: url("assets/check-menuitem-insensitive-dark.png");
 }
 
-.toolbar .menu .radio:active {
+.toolbar .menu .radio:active,
+.toolbar .menu .radio:checked {
     background-image: url("assets/radio-menuitem-dark.png");
+    -gtk-icon-source: url("assets/radio-menuitem-dark.png");
 }
 
-.toolbar .menu .radio:active:insensitive {
+.toolbar .menu .radio:active:insensitive,
+.toolbar .menu .radio:checked:insensitive {
     background-image: url("assets/radio-menuitem-insensitive-dark.png");
+    -gtk-icon-source: url("assets/radio-menuitem-insensitive-dark.png");
 }
 
 /*********************
@@ -461,127 +618,157 @@
 .scale.slider,
 .scale.slider.horizontal {
     background-image: url("assets/slider-horizontal.png");
+    -gtk-icon-source: url("assets/slider-horizontal.png");
 }
 
 .scale.slider:backdrop,
 .scale.slider.horizontal:backdrop {
     /*background-image: url("assets/slider-horizontal-disabled.png");*/
+    /*-gtk-icon-source: url("assets/slider-horizontal-disabled.png");*/
 }
 
 .scale.slider:hover,
 .scale.slider.horizontal:hover {
     background-image: url("assets/slider-horizontal-hover.png");
+    -gtk-icon-source: url("assets/slider-horizontal-hover.png");
 }
 
 .scale.slider:focused,
 .scale.slider.horizontal:focused {
     background-image: url("assets/slider-horizontal-focused.png");
+    -gtk-icon-source: url("assets/slider-horizontal-focused.png");
 }
 
 .scale.slider:hover:focused,
 .scale.slider.horizontal:hover:focused {
     background-image: url("assets/slider-horizontal-focused-hover.png");
+    -gtk-icon-source: url("assets/slider-horizontal-focused-hover.png");
 }
 
 .scale.slider:insensitive,
 .scale.slider.horizontal:insensitive {
     background-image: url("assets/slider-horizontal-disabled.png");
+    -gtk-icon-source: url("assets/slider-horizontal-disabled.png");
 }
 
 .scale.slider:insensitive:backdrop,
 .scale.slider.horizontal:insensitive:backdrop {
     /*background-image: url("assets/slider-horizontal-backdrop-disabled.png");*/
+    /*-gtk-icon-source: url("assets/slider-horizontal-backdrop-disabled.png");*/
 }
 
 .scale.slider.vertical {
     background-image: url("assets/slider-vertical.png");
+    -gtk-icon-source: url("assets/slider-vertical.png");
 }
 
 .scale.slider.vertical:backdrop {
     /*background-image: url("assets/slider-vertical-backdrop.png");*/
+    /*-gtk-icon-source: url("assets/slider-vertical-backdrop.png");*/
 }
 
 .scale.slider.vertical:hover {
     background-image: url("assets/slider-vertical-hover.png");
+    -gtk-icon-source: url("assets/slider-vertical-hover.png");
 }
 
 .scale.slider.vertical:focused {
     background-image: url("assets/slider-vertical-focused.png");
+    -gtk-icon-source: url("assets/slider-vertical-focused.png");
 }
 
 .scale.slider.vertical:hover:focused {
     background-image: url("assets/slider-vertical-focused-hover.png");
+    -gtk-icon-source: url("assets/slider-vertical-focused-hover.png");
 }
 
 .scale.slider.vertical:insensitive {
     background-image: url("assets/slider-vertical-disabled.png");
+    -gtk-icon-source: url("assets/slider-vertical-disabled.png");
 }
 
 .scale.slider.vertical:insensitive:backdrop {
     /*background-image: url("assets/slider-vertical-backdrop-disabled.png");*/
+    /*-gtk-icon-source: url("assets/slider-vertical-backdrop-disabled.png");*/
 }
 
 /*.scale.scale-has-marks-above.slider.horizontal {
     background-image: url("assets/slider-up.png");
+    -gtk-icon-source: url("assets/slider-up.png");
 }
 
 .scale.scale-has-marks-above.slider.horizontal:insensitive {
     background-image: url("assets/slider-up-disabled.png");
+    -gtk-icon-source: url("assets/slider-up-disabled.png");
 }
 
 .scale.scale-has-marks-above.slider.horizontal:backdrop {
     background-image: url("assets/slider-up-backdrop.png");
+    -gtk-icon-source: url("assets/slider-up-backdrop.png");
 }
 
 .scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive {
     background-image: url("assets/slider-up-backdrop-disabled.png");
+    -gtk-icon-source: url("assets/slider-up-backdrop-disabled.png");
 }
 
 .scale.scale-has-marks-above.slider.vertical {
     background-image: url("assets/slider-left.png");
+    -gtk-icon-source: url("assets/slider-left.png");
 }
 
 .scale.scale-has-marks-above.slider.vertical:insensitive {
     background-image: url("assets/slider-left-disabled.png");
+    -gtk-icon-source: url("assets/slider-left-disabled.png");
 }
 
 .scale.scale-has-marks-above.slider.vertical:backdrop {
     background-image: url("assets/slider-left-backdrop.png");
+    -gtk-icon-source: url("assets/slider-left-backdrop.png");
 }
 
 .scale.scale-has-marks-above.slider.vertical:backdrop:insensitive {
     background-image: url("assets/slider-left-backdrop-disabled.png");
+    -gtk-icon-source: url("assets/slider-left-backdrop-disabled.png");
 }
 
 .scale.scale-has-marks-below.slider.horizontal {
     background-image: url("assets/slider-down.png");
+    -gtk-icon-source: url("assets/slider-down.png");
 }
 
 .scale.scale-has-marks-below.slider.horizontal:insensitive {
     background-image: url("assets/slider-down-disabled.png");
+    -gtk-icon-source: url("assets/slider-down-disabled.png");
 }
 
 .scale.scale-has-marks-below.slider.horizontal:backdrop {
     background-image: url("assets/slider-down-backdrop.png");
+    -gtk-icon-source: url("assets/slider-down-backdrop.png");
 }
 
 .scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive {
     background-image: url("assets/slider-down-backdrop-disabled.png");
+    -gtk-icon-source: url("assets/slider-down-backdrop-disabled.png");
 }
 
 .scale.scale-has-marks-below.slider.vertical {
     background-image: url("assets/slider-right.png");
+    -gtk-icon-source: url("assets/slider-right.png");
 }
 
 .scale.scale-has-marks-below.slider.vertical:insensitive {
     background-image: url("assets/slider-right-disabled.png");
+    -gtk-icon-source: url("assets/slider-right-disabled.png");
 }
 
 .scale.scale-has-marks-below.slider.vertical:backdrop {
     background-image: url("assets/slider-right-backdrop.png");
+    -gtk-icon-source: url("assets/slider-right-backdrop.png");
 }
 
 .scale.scale-has-marks-below.slider.vertical:backdrop:insensitive {
     background-image: url("assets/slider-right-backdrop-disabled.png");
+    -gtk-icon-source: url("assets/slider-right-backdrop-disabled.png");
 }*/
 

=== modified file 'Radiance/gtk-3.0/gtk-widgets-backdrop.css'
--- Radiance/gtk-3.0/gtk-widgets-backdrop.css	2013-11-11 12:28:29 +0000
+++ Radiance/gtk-3.0/gtk-widgets-backdrop.css	2014-10-21 15:21:37 +0000
@@ -34,7 +34,8 @@
     -unico-inner-stroke-color: alpha (shade (@bg_color, 1.26), 0.3);
 }
 
-.notebook tab:active:backdrop {
+.notebook tab:active:backdrop,
+.notebook tab:checked:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@bg_color, 1.1)),
                                      to (shade (@bg_color, 1.01)));
@@ -94,9 +95,13 @@
 }
 
 .button:active:backdrop,
+.button:checked:backdrop,
 GtkComboBox.combobox-entry .button:active:backdrop,
+GtkComboBox.combobox-entry .button:checked:backdrop,
 .notebook .button:active:backdrop,
-.inline-toolbar.toolbar .button:active:backdrop {
+.notebook .button:checked:backdrop,
+.inline-toolbar.toolbar .button:active:backdrop,
+.inline-toolbar.toolbar .button:checked:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@bg_color, 0.9)),
                                      to (shade (@bg_color, 0.95)));
@@ -112,9 +117,13 @@
 }
 
 .button:active:hover:backdrop,
+.button:checked:hover:backdrop,
 GtkComboBox.combobox-entry .button:active:hover:backdrop,
+GtkComboBox.combobox-entry .button:checked:hover:backdrop,
 .notebook .button:active:hover:backdrop,
-.inline-toolbar.toolbar .button:active:hover:backdrop {
+.notebook .button:checked:hover:backdrop,
+.inline-toolbar.toolbar .button:active:hover:backdrop,
+.inline-toolbar.toolbar .button:checked:hover:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@bg_color, 0.95)),
                                      to (shade (@bg_color, 1.0)));
@@ -180,7 +189,8 @@
                                                  to (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)));
 }
 
-.button.default:active:backdrop {
+.button.default:active:backdrop,
+.button.default:checked:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (mix (shade (@backdrop_selected_bg_color, 0.95), @bg_color, 0.3)),
                                      to (mix (shade (@backdrop_selected_bg_color, 1.05), @bg_color, 0.3)));
@@ -193,7 +203,8 @@
                                                  to (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)));
 }
 
-.button.default:active:hover:backdrop {
+.button.default:active:hover:backdrop,
+.button.default:checked:hover:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (mix (shade (@backdrop_selected_bg_color, 1.0), @bg_color, 0.3)),
                                      to (mix (shade (@backdrop_selected_bg_color, 1.1), @bg_color, 0.3)));
@@ -214,22 +225,30 @@
 .linked .entry:backdrop,
 .linked .button:backdrop,
 .linked .button:active:backdrop,
+.linked .button:checked:backdrop,
 .linked .button:active:hover:backdrop,
+.linked .button:checked:hover:backdrop,
 .linked .button:insensitive:backdrop,
 .primary-toolbar .linked .entry:backdrop,
 .primary-toolbar .linked .button:backdrop,
 .primary-toolbar .linked .button:active:backdrop,
+.primary-toolbar .linked .button:checked:backdrop,
 .primary-toolbar .linked .button:active:hover:backdrop,
+.primary-toolbar .linked .button:checked:hover:backdrop,
 .primary-toolbar .linked .button:insensitive:backdrop,
 .menubar.toolbar .linked .entry:backdrop,
 .menubar.toolbar .linked .button:backdrop,
 .menubar.toolbar .linked .button:active:backdrop,
+.menubar.toolbar .linked .button:checked:backdrop,
 .menubar.toolbar .linked .button:active:hover:backdrop,
+.menubar.toolbar .linked .button:checked:hover:backdrop,
 .menubar.toolbar .linked .button:insensitive:backdrop,
 .header-bar .linked .entry:backdrop,
 .header-bar .linked .button:backdrop,
 .header-bar .linked .button:active:backdrop,
+.header-bar .linked .button:checked:backdrop,
 .header-bar .linked .button:active:hover:backdrop,
+.header-bar .linked .button:checked:hover:backdrop,
 .header-bar .linked .button:insensitive:backdrop {
     border-width: 1px;
     border-right-width: 0;
@@ -243,22 +262,30 @@
 .linked .entry:first-child:backdrop,
 .linked .button:first-child:backdrop,
 .linked .button:active:first-child:backdrop,
+.linked .button:checked:first-child:backdrop,
 .linked .button:active:hover:first-child:backdrop,
+.linked .button:checked:hover:first-child:backdrop,
 .linked .button:insensitive:first-child:backdrop,
 .primary-toolbar .linked .entry:first-child:backdrop,
 .primary-toolbar .linked .button:first-child:backdrop,
 .primary-toolbar .linked .button:active:first-child:backdrop,
+.primary-toolbar .linked .button:checked:first-child:backdrop,
 .primary-toolbar .linked .button:active:hover:first-child:backdrop,
+.primary-toolbar .linked .button:checked:hover:first-child:backdrop,
 .primary-toolbar .linked .button:insensitive:first-child:backdrop,
 .menubar.toolbar .linked .entry:first-child:backdrop,
 .menubar.toolbar .linked .button:first-child:backdrop,
 .menubar.toolbar .linked .button:active:first-child:backdrop,
+.menubar.toolbar .linked .button:checked:first-child:backdrop,
 .menubar.toolbar .linked .button:active:hover:first-child:backdrop,
+.menubar.toolbar .linked .button:checked:hover:first-child:backdrop,
 .menubar.toolbar .linked .button:insensitive:first-child:backdrop,
 .header-bar .linked .entry:first-child:backdrop,
 .header-bar .linked .button:first-child:backdrop,
 .header-bar .linked .button:active:first-child:backdrop,
+.header-bar .linked .button:checked:first-child:backdrop,
 .header-bar .linked .button:active:hover:first-child:backdrop,
+.header-bar .linked .button:checked:hover:first-child:backdrop,
 .header-bar .linked .button:insensitive:first-child:backdrop {
     border-width: 1px;
     border-right-width: 0;
@@ -274,22 +301,30 @@
 .linked .entry:last-child:backdrop,
 .linked .button:last-child:backdrop,
 .linked .button:active:last-child:backdrop,
+.linked .button:checked:last-child:backdrop,
 .linked .button:active:hover:last-child:backdrop,
+.linked .button:checked:hover:last-child:backdrop,
 .linked .button:insensitive:last-child:backdrop,
 .primary-toolbar .linked .entry:last-child:backdrop,
 .primary-toolbar .linked .button:last-child:backdrop,
 .primary-toolbar .linked .button:active:last-child:backdrop,
+.primary-toolbar .linked .button:checked:last-child:backdrop,
 .primary-toolbar .linked .button:active:hover:last-child:backdrop,
+.primary-toolbar .linked .button:checked:hover:last-child:backdrop,
 .primary-toolbar .linked .button:insensitive:last-child:backdrop,
 .menubar.toolbar .linked .entry:last-child:backdrop,
 .menubar.toolbar .linked .button:last-child:backdrop,
 .menubar.toolbar .linked .button:active:last-child:backdrop,
+.menubar.toolbar .linked .button:checked:last-child:backdrop,
 .menubar.toolbar .linked .button:active:hover:last-child:backdrop,
+.menubar.toolbar .linked .button:checked:hover:last-child:backdrop,
 .menubar.toolbar .linked .button:insensitive:last-child:backdrop,
 .header-bar .linked .entry:last-child:backdrop,
 .header-bar .linked .button:last-child:backdrop,
 .header-bar .linked .button:active:last-child:backdrop,
+.header-bar .linked .button:checked:last-child:backdrop,
 .header-bar .linked .button:active:hover:last-child:backdrop,
+.header-bar .linked .button:checked:hover:last-child:backdrop,
 .header-bar .linked .button:insensitive:last-child:backdrop {
     border-width: 1px;
 
@@ -304,22 +339,30 @@
 .linked .entry:only-child:backdrop,
 .linked .button:only-child:backdrop,
 .linked .button:active:only-child:backdrop,
+.linked .button:checked:only-child:backdrop,
 .linked .button:active:hover:only-child:backdrop,
+.linked .button:checked:hover:only-child:backdrop,
 .linked .button:insensitive:only-child:backdrop,
 .primary-toolbar .linked .entry:only-child:backdrop,
 .primary-toolbar .linked .button:only-child:backdrop,
 .primary-toolbar .linked .button:active:only-child:backdrop,
+.primary-toolbar .linked .button:checked:only-child:backdrop,
 .primary-toolbar .linked .button:active:hover:only-child:backdrop,
+.primary-toolbar .linked .button:checked:hover:only-child:backdrop,
 .primary-toolbar .linked .button:insensitive:only-child:backdrop,
 .menubar.toolbar .linked .entry:only-child:backdrop,
 .menubar.toolbar .linked .button:only-child:backdrop,
 .menubar.toolbar .linked .button:active:only-child:backdrop,
+.menubar.toolbar .linked .button:checked:only-child:backdrop,
 .menubar.toolbar .linked .button:active:hover:only-child:backdrop,
+.menubar.toolbar .linked .button:checked:hover:only-child:backdrop,
 .menubar.toolbar .linked .button:insensitive:only-child:backdrop,
 .header-bar .linked .entry:only-child:backdrop,
 .header-bar .linked .button:only-child:backdrop,
 .header-bar .linked .button:active:only-child:backdrop,
+.header-bar .linked .button:checked:only-child:backdrop,
 .header-bar .linked .button:active:hover:only-child:backdrop,
+.header-bar .linked .button:checked:hover:only-child:backdrop,
 .header-bar .linked .button:insensitive:only-child:backdrop {
     border-width: 1px;
 
@@ -386,13 +429,21 @@
 
 /* FIXME (Cimi) this is horrible */
 .check:active:backdrop,
+.check:checked:backdrop,
 .check row:selected:active:backdrop,
+.check row:selected:checked:backdrop,
 .check row:selected:focused:active:backdrop,
+.check row:selected:focused:checked:backdrop,
 .notebook .check:active:backdrop,
+.notebook .check:checked:backdrop,
 .notebook .radio:active:backdrop,
+.notebook .radio:checked:backdrop,
 .radio:active:backdrop,
+.radio:checked:backdrop,
 .radio row:selected:active:backdrop,
+.radio row:selected:checked:backdrop,
 .radio row:selected:focused:active:backdrop,
+.radio row:selected:focused:checked:backdrop,
 .check:inconsistent:backdrop,
 .check row:selected:inconsistent:backdrop,
 .check row:selected:focused:inconsistent:backdrop,
@@ -422,21 +473,37 @@
 
 /* FIXME (Cimi) this is horrible */
 .check:active:hover:backdrop,
+.check:checked:hover:backdrop,
 .check row:selected:active:hover:backdrop,
+.check row:selected:checked:hover:backdrop,
 .check row:selected:focused:active:hover:backdrop,
+.check row:selected:focused:checked:hover:backdrop,
 .notebook .check:active:hover:backdrop,
+.notebook .check:checked:hover:backdrop,
 .notebook .radio:active:hover:backdrop,
+.notebook .radio:checked:hover:backdrop,
 .radio:active:hover:backdrop,
+.radio:checked:hover:backdrop,
 .radio row:selected:active:hover:backdrop,
-.radio row:selected:focused:active:hover:backdrop
+.radio row:selected:checked:hover:backdrop,
+.radio row:selected:focused:active:hover:backdrop,
+.radio row:selected:focused:checked:hover:backdrop
 .check:active:hover:inconsistent:backdrop,
+.check:checked:hover:inconsistent:backdrop,
 .check row:selected:active:hover:inconsistent:backdrop,
+.check row:selected:checked:hover:inconsistent:backdrop,
 .check row:selected:focused:active:hover:inconsistent:backdrop,
+.check row:selected:focused:checked:hover:inconsistent:backdrop,
 .notebook .check:active:hover:inconsistent:backdrop,
+.notebook .check:checked:hover:inconsistent:backdrop,
 .notebook .radio:active:hover:inconsistent:backdrop,
+.notebook .radio:checked:hover:inconsistent:backdrop,
 .radio:active:hover:inconsistent:backdrop,
+.radio:checked:hover:inconsistent:backdrop,
 .radio row:selected:active:hover:inconsistent:backdrop,
-.radio row:selected:focused:active:hover:inconsistent:backdrop {
+.radio row:selected:checked:hover:inconsistent:backdrop,
+.radio row:selected:focused:active:hover:inconsistent:backdrop,
+.radio row:selected:focused:checked:hover:inconsistent:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@backdrop_selected_bg_color, 1.1)),
                                      to (shade (@backdrop_selected_bg_color, 0.98)));
@@ -463,7 +530,9 @@
 }
 
 .check:insensitive:active:backdrop,
+.check:insensitive:checked:backdrop,
 .radio:insensitive:active:backdrop,
+.radio:insensitive:checked:backdrop,
 .check:insensitive:inconsistent:backdrop,
 .radio:insensitive:inconsistent:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
@@ -486,8 +555,10 @@
  *****************/
 column-header .button:backdrop,
 column-header .button:active:backdrop,
+column-header .button:checked:backdrop,
 .notebook column-header .button:backdrop,
-.notebook column-header .button:active:backdrop {
+.notebook column-header .button:active:backdrop,
+.notebook column-header .button:checked:backdrop {
     border-radius: 0;
     border-width: 0 1px 1px 0;
 
@@ -536,6 +607,7 @@
 GtkComboBox.combobox-entry .button:backdrop,
 GtkComboBox.combobox-entry .button:hover:backdrop,
 GtkComboBox.combobox-entry .button:active:backdrop,
+GtkComboBox.combobox-entry .button:checked:backdrop,
 GtkComboBox.combobox-entry .button:insensitive:backdrop {
     border-top-color: shade (@bg_color, 0.64);
     border-right-color: shade (@bg_color, 0.8);
@@ -892,7 +964,8 @@
                                                  to (shade (@bg_color, 0.92)));
 }
 
-GtkSwitch.trough:active:backdrop {
+GtkSwitch.trough:active:backdrop,
+GtkSwitch.trough:checked:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@backdrop_selected_bg_color, 0.93)),
                                      to (shade (@backdrop_selected_bg_color, 0.99)));
@@ -1029,16 +1102,19 @@
 .primary-toolbar .raised.button:backdrop,
 .primary-toolbar .button:hover:backdrop,
 .primary-toolbar .button:active:backdrop,
+.primary-toolbar .button:checked:backdrop,
 .primary-toolbar .button:insensitive:backdrop,
 .menubar.toolbar .raised .button:backdrop,
 .menubar.toolbar .raised.button:backdrop,
 .menubar.toolbar .button:hover:backdrop,
 .menubar.toolbar .button:active:backdrop,
+.menubar.toolbar .button:checked:backdrop,
 .menubar.toolbar .button:insensitive:backdrop,
 .header-bar .raised .button:backdrop,
 .header-bar .raised.button:backdrop,
 .header-bar .button:hover:backdrop,
 .header-bar .button:active:backdrop,
+.header-bar .button:checked:backdrop,
 .header-bar .button:insensitive:backdrop {
     border-width: 1px;
 
@@ -1092,8 +1168,11 @@
 }
 
 .primary-toolbar .button:active:backdrop,
+.primary-toolbar .button:checked:backdrop,
 .menubar.toolbar .button:active:backdrop,
-.header-bar .button:active:backdrop {
+.menubar.toolbar .button:checked:backdrop,
+.header-bar .button:active:backdrop,
+.header-bar .button:checked:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@dark_bg_color, 0.9)),
                                      to (shade (@dark_bg_color, 0.95)));
@@ -1109,8 +1188,11 @@
 }
 
 .primary-toolbar .button:active:hover:backdrop,
+.primary-toolbar .button:checked:hover:backdrop,
 .menubar.toolbar .button:active:hover:backdrop,
-.header-bar .button:active:hover:backdrop {
+.menubar.toolbar .button:checked:hover:backdrop,
+.header-bar .button:active:hover:backdrop,
+.header-bar .button:checked:hover:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@dark_bg_color, 0.95)),
                                      to (shade (@dark_bg_color, 1.0)));
@@ -1124,10 +1206,13 @@
 }
 
 .primary-toolbar .button:active:insensitive:backdrop,
+.primary-toolbar .button:checked:insensitive:backdrop,
 .primary-toolbar .button:insensitive:backdrop,
 .menubar.toolbar .button:active:insensitive:backdrop,
+.menubar.toolbar .button:checked:insensitive:backdrop,
 .menubar.toolbar .button:insensitive:backdrop,
 .header-bar .button:active:insensitive:backdrop,
+.header-bar .button:checked:insensitive:backdrop,
 .header-bar .button:insensitive:backdrop {
     text-shadow: none;
 
@@ -1153,8 +1238,11 @@
 }
 
 .primary-toolbar .button:active:insensitive:backdrop,
+.primary-toolbar .button:checked:insensitive:backdrop,
 .menubar.toolbar .button:active:insensitive:backdrop,
-.header-bar .button:active:insensitive:backdrop {
+.menubar.toolbar .button:checked:insensitive:backdrop,
+.header-bar .button:active:insensitive:backdrop,
+.header-bar .button:checked:insensitive:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@dark_bg_color, 0.94)),
                                      to (shade (@dark_bg_color, 1.02)));
@@ -1166,12 +1254,15 @@
 
 .primary-toolbar .entry:backdrop,
 .primary-toolbar .entry:active:backdrop,
+.primary-toolbar .entry:checked:backdrop,
 .primary-toolbar .entry:focused:backdrop,
 .menubar.toolbar .entry:backdrop,
 .menubar.toolbar .entry:active:backdrop,
+.menubar.toolbar .entry:checked:backdrop,
 .menubar.toolbar .entry:focused:backdrop,
 .header-bar .entry:backdrop,
 .header-bar .entry:active:backdrop,
+.header-bar .entry:checked:backdrop,
 .header-bar .entry:focused:backdrop {
     border-radius: 3px;
 
@@ -1272,8 +1363,10 @@
 }
 
 .inline-toolbar.toolbar .button *:active:backdrop,
+.inline-toolbar.toolbar .button *:checked:backdrop,
 .inline-toolbar.toolbar .button *:insensitive:backdrop,
 .inline-toolbar.toolbar GtkToolButton .button:active:backdrop,
+.inline-toolbar.toolbar GtkToolButton .button:checked:backdrop,
 .inline-toolbar.toolbar GtkToolButton .button:insensitive:backdrop {
     -unico-outer-stroke-width: 1px 0 1px 0;
     -unico-outer-stroke-gradient: -gtk-gradient (linear, left top, left bottom,

=== modified file 'Radiance/gtk-3.0/gtk-widgets-borders-radiance.css'
--- Radiance/gtk-3.0/gtk-widgets-borders-radiance.css	2014-01-20 19:19:40 +0000
+++ Radiance/gtk-3.0/gtk-widgets-borders-radiance.css	2014-10-21 15:21:37 +0000
@@ -11,14 +11,20 @@
 }
 
 .primary-toolbar .button:active,
+.primary-toolbar .button:checked,
 .menubar.toolbar .button:active,
-.header-bar .button:active {
+.menubar.toolbar .button:checked,
+.header-bar .button:active,
+.header-bar .button:checked {
     border-image: url("assets/radiance-button-toolbar-active.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
 .primary-toolbar .button:active:focused,
+.primary-toolbar .button:checked:focused,
 .menubar.toolbar .button:active:focused,
-.header-bar .button:active:focused {
+.menubar.toolbar .button:checked:focused,
+.header-bar .button:active:focused,
+.header-bar .button:checked:focused {
     border-image: url("assets/radiance-button-toolbar-active-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
@@ -29,8 +35,11 @@
 }
 
 .primary-toolbar .button:active:backdrop,
+.primary-toolbar .button:checked:backdrop,
 .menubar.toolbar .button:active:backdrop,
-.header-bar .button:active:backdrop {
+.menubar.toolbar .button:checked:backdrop,
+.header-bar .button:active:backdrop,
+.header-bar .button:checked:backdrop {
     border-image: url("assets/radiance-backdrop-button-toolbar-active.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
@@ -62,8 +71,11 @@
 }
 
 .primary-toolbar GtkComboBox.combobox-entry .button:focus:active:focus,
+.primary-toolbar GtkComboBox.combobox-entry .button:focus:checked:focus,
 .menubar.toolbar GtkComboBox.combobox-entry .button:focus:active:focus,
-.header-bar GtkComboBox.combobox-entry .button:focus:active:focus {
+.menubar.toolbar GtkComboBox.combobox-entry .button:focus:checked:focus,
+.header-bar GtkComboBox.combobox-entry .button:focus:active:focus,
+.header-bar GtkComboBox.combobox-entry .button:focus:checked:focus {
     border-image: url("assets/radiance-combobox-button-toolbar-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
 }
 

=== modified file 'Radiance/gtk-3.0/gtk-widgets-borders.css'
--- Radiance/gtk-3.0/gtk-widgets-borders.css	2014-01-20 19:19:40 +0000
+++ Radiance/gtk-3.0/gtk-widgets-borders.css	2014-10-21 15:21:37 +0000
@@ -11,8 +11,11 @@
 .entry:focus,
 GtkComboBox.combobox-entry .entry:focus,
 .button:focus:active,
+.button:focus:checked,
 .button.default:active,
-GtkSwitch.trough:active {
+.button.default:checked,
+GtkSwitch.trough:active,
+GtkSwitch.trough:checked {
 }
 
 /**********
@@ -57,35 +60,43 @@
     border-image: url("assets/backdrop-button-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active {
+.button:active,
+.button:checked {
     border-image: url("assets/button-active.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:backdrop {
+.button:active:backdrop,
+.button:checked:backdrop {
     border-image: url("assets/backdrop-button-active.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:hover {
+.button:active:hover,
+.button:checked:hover {
     border-image: url("assets/button-active-hover.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:hover:backdrop {
+.button:active:hover:backdrop,
+.button:checked:hover:backdrop {
     border-image: url("assets/backdrop-button-active-hover.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:focus {
+.button:active:focus,
+.button:checked:focus {
     border-image: url("assets/button-active-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:hover:focus {
+.button:active:hover:focus,
+.button:checked:hover:focus {
     border-image: url("assets/button-active-focused-hover.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:insensitive {
+.button:active:insensitive,
+.button:checked:insensitive {
     border-image: url("assets/button-active-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-.button:active:insensitive:backdrop {
+.button:active:insensitive:backdrop,
+.button:checked:insensitive:backdrop {
     border-image: url("assets/backdrop-button-active-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
@@ -112,7 +123,10 @@
 
 .primary-toolbar .button,
 .menubar.toolbar .button,
-.header-bar .button {
+.header-bar .button,
+.primary-toolbar .button.flat:hover,
+.menubar.toolbar .button.flat:hover,
+.header-bar .button.flat:hover {
     border-image: url("assets/button-toolbar.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
@@ -123,14 +137,20 @@
 }
 
 .primary-toolbar .button:active,
+.primary-toolbar .button:checked,
 .menubar.toolbar .button:active,
-.header-bar .button:active {
+.menubar.toolbar .button:checked,
+.header-bar .button:active,
+.header-bar .button:checked {
     border-image: url("assets/button-toolbar-active.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
 .primary-toolbar .button:active:focused,
+.primary-toolbar .button:checked:focused,
 .menubar.toolbar .button:active:focused,
-.header-bar .button:active:focused {
+.menubar.toolbar .button:checked:focused,
+.header-bar .button:active:focused,
+.header-bar .button:checked:focused {
     border-image: url("assets/button-toolbar-active-focused.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
@@ -141,11 +161,21 @@
 }
 
 .primary-toolbar .button:active:backdrop,
+.primary-toolbar .button:checked:backdrop,
 .menubar.toolbar .button:active:backdrop,
-.header-bar .button:active:backdrop {
+.menubar.toolbar .button:checked:backdrop,
+.header-bar .button:active:backdrop,
+.header-bar .button:checked:backdrop {
     border-image: url("assets/backdrop-button-toolbar-active.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
+.button.flat,
+.button.flat:backdrop,
+GtkLinkButton.button.flat:hover,
+GtkLinkButton.button.flat:active:hover {
+    border-image: none;
+}
+
 .menubar.menuitem:hover,
 .menubar .menuitem:hover {
     border: 1px solid #2e2e2c;
@@ -243,7 +273,8 @@
     border-image: url("assets/backdrop-combobox-button-disabled.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
 }
 
-GtkComboBox.combobox-entry .button:active:focus {
+GtkComboBox.combobox-entry .button:active:focus,
+GtkComboBox.combobox-entry .button:checked:focus {
     border-image: url("assets/combobox-button-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
 }
 
@@ -263,8 +294,11 @@
 }
 
 .primary-toolbar GtkComboBox.combobox-entry .button:focus:active:focus,
+.primary-toolbar GtkComboBox.combobox-entry .button:focus:checked:focus,
 .menubar.toolbar GtkComboBox.combobox-entry .button:focus:active:focus,
-.header-bar GtkComboBox.combobox-entry .button:focus:active:focus {
+.menubar.toolbar GtkComboBox.combobox-entry .button:focus:checked:focus,
+.header-bar GtkComboBox.combobox-entry .button:focus:active:focus,
+.header-bar GtkComboBox.combobox-entry .button:focus:checked:focus {
     border-image: url("assets/combobox-button-toolbar-pressed-focused.png") 10 12 10 1 / 10px 12px 10px 1px stretch;
 }
 
@@ -290,19 +324,23 @@
     border-left-width: 0;
 }
 
-.notebook tab.top:active {
+.notebook tab.top:active,
+.notebook tab.top:checked {
     border-image: url("assets/notebook-tab-top.png") 8 10 1 10 / 8px 10px 1px 10px stretch;
 }
 
-.notebook tab.right:active {
+.notebook tab.right:active,
+.notebook tab.right:checked {
     border-image: url("assets/notebook-tab-right.png") 10 8 10 1 / 10px 8px 10px 1px stretch;
 }
 
-.notebook tab.bottom:active {
+.notebook tab.bottom:active,
+.notebook tab.bottom:checked {
     border-image: url("assets/notebook-tab-bottom.png") 1 10 8 10 / 1px 10px 8px 10px stretch;
 }
 
-.notebook tab.left:active {
+.notebook tab.left:active,
+.notebook tab.left:checked {
     border-image: url("assets/notebook-tab-left.png") 10 1 10 8 / 10px 1px 10px 8px stretch;
 }
 
@@ -342,7 +380,8 @@
     border-image: url("assets/switch-trough-off.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
-GtkSwitch.trough:active {
+GtkSwitch.trough:active,
+GtkSwitch.trough:checked {
     border-image: url("assets/switch-trough-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
@@ -353,16 +392,21 @@
 }
 
 .primary-toolbar GtkSwitch.trough:active,
+.primary-toolbar GtkSwitch.trough:checked,
 .menubar.toolbar GtkSwitch.trough:active,
-.header-bar GtkSwitch.trough:active {
+.menubar.toolbar GtkSwitch.trough:checked,
+.header-bar GtkSwitch.trough:active,
+.header-bar GtkSwitch.trough:checked {
     border-image: url("assets/switch-trough-toolbar-on.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
 /* XXX temporary */
 GtkSwitch.trough:backdrop,
 GtkSwitch.trough:active:backdrop,
+GtkSwitch.trough:checked:backdrop,
 GtkSwitch.trough:insensitive,
-GtkSwitch.trough:active:insensitive {
+GtkSwitch.trough:active:insensitive,
+GtkSwitch.trough:checked:insensitive {
     border-image: url("assets/switch-trough-disabled.png") 10 12 10 12 / 10px 12px 10px 12px stretch;
 }
 
@@ -370,7 +414,8 @@
     border-image: url("assets/switch-button-off.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
 }
 
-GtkSwitch.slider:active {
+GtkSwitch.slider:active,
+GtkSwitch.slider:checked {
     border-image: url("assets/switch-button-on.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
 }
 
@@ -382,7 +427,9 @@
 
 /* XXX temporary */
 GtkSwitch.slider:active:backdrop,
-GtkSwitch.slider:active:insensitive {
+GtkSwitch.slider:checked:backdrop,
+GtkSwitch.slider:active:insensitive,
+GtkSwitch.slider:checked:insensitive {
     border-image: url("assets/switch-button-on-disabled.png") 9 11 9 11 / 9px 11px 9px 11px stretch;
 }
 

=== modified file 'Radiance/gtk-3.0/gtk-widgets-radiance.css'
--- Radiance/gtk-3.0/gtk-widgets-radiance.css	2014-03-24 15:47:08 +0000
+++ Radiance/gtk-3.0/gtk-widgets-radiance.css	2014-10-21 15:21:37 +0000
@@ -37,14 +37,23 @@
 }
 
 .primary-toolbar .linked .button:active,
+.primary-toolbar .linked .button:checked,
 .primary-toolbar .button.raised.linked:active,
+.primary-toolbar .button.raised.linked:checked,
 .primary-toolbar .raised.linked .button:active,
+.primary-toolbar .raised.linked .button:checked,
 .menubar.toolbar .linked .button:active,
+.menubar.toolbar .linked .button:checked,
 .menubar.toolbar .button.raised.linked:active,
+.menubar.toolbar .button.raised.linked:checked,
 .menubar.toolbar .raised.linked .button:active,
+.menubar.toolbar .raised.linked .button:checked,
 .header-bar .linked .button:active,
+.header-bar .linked .button:checked,
 .header-bar .button.raised.linked:active,
-.header-bar .raised.linked .button:active {
+.header-bar .button.raised.linked:checked,
+.header-bar .raised.linked .button:active,
+.header-bar .raised.linked .button:checked {
     box-shadow: inset 1px 0 shade (@dark_bg_color, 0.9);
 }
 
@@ -138,16 +147,19 @@
 .primary-toolbar .raised.button,
 .primary-toolbar .button:hover,
 .primary-toolbar .button:active,
+.primary-toolbar .button:checked,
 .primary-toolbar .button:insensitive,
 .menubar.toolbar .raised .button,
 .menubar.toolbar .raised.button,
 .menubar.toolbar .button:hover,
 .menubar.toolbar .button:active,
+.menubar.toolbar .button:checked,
 .menubar.toolbar .button:insensitive,
 .header-bar .raised .button,
 .header-bar .raised.button,
 .header-bar .button:hover,
 .header-bar .button:active,
+.header-bar .button:checked,
 .header-bar .button:insensitive {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@dark_bg_color, 1.03)),

=== modified file 'Radiance/gtk-3.0/gtk-widgets.css'
--- Radiance/gtk-3.0/gtk-widgets.css	2014-10-13 14:58:41 +0000
+++ Radiance/gtk-3.0/gtk-widgets.css	2014-10-21 15:21:37 +0000
@@ -142,6 +142,7 @@
 
     color: @fg_color;
     text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.4);
+    transition: all 150ms ease-out;
 }
 
 GtkSwitch.slider:backdrop,
@@ -158,6 +159,7 @@
                                      from (shade (@button_bg_color, 1.12)),
                                      color-stop (0.5, @button_bg_color),
                                      to (shade (@button_bg_color, 0.96)));
+    transition: all 200ms ease-out;
 }
 
 .button:hover:backdrop {
@@ -179,30 +181,81 @@
     text-shadow: 0 1px alpha (shade (@button_bg_color, 1.25), 0.2);
 }
 
-.button:active {
+.button:checked,
+.button:active,
+.button:checked {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (#cecece),
                                      to (#e8e8e8));
+    transition: all 150ms ease-out;
 }
 
-.button:active:hover {
+.button:active:hover,
+.button:checked:hover {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (#dcdcdc),
                                      to (#f3f3f3));
 }
 
-.button:active:insensitive {
+.button:active:insensitive,
+.button:checked:insensitive {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (#e3e3e3),
                                      to (#f3f3f3));
 }
 
-.button:active:insensitive:backdrop {
+.button:active:insensitive:backdrop,
+.button:checked:insensitive:backdrop {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (mix (#e3e3e3, @bg_color, 0.5)),
                                      to (mix (#f3f3f3, @bg_color, 0.5)));
 }
 
+.button.flat,
+.button.flat:backdrop,
+GtkLinkButton.button:hover,
+GtkLinkButton.button:active:hover {
+    background-image: none;
+    background: none;
+}
+
+GtkLinkButton.button {
+    color: @selected_bg_color;
+}
+
+/* disable .button style from GtkListBox rows*/
+
+.button.list-row,
+.button.list-row:active,
+.button.list-row:checked {
+    background: transparent;
+    background-image: none;
+    text-shadow: none;
+}
+.button.list-row,
+.button.list-row:hover,
+.button.list-row:active:hover,
+.button.list-row:checked:hover {
+    border: none;
+    border-radius: 0;
+    background-color: @bg_color;
+}
+.button.list-row:selected,
+.button.list-row:selected:hover {
+    background-color: alpha (@selected_bg_color, 0.9);
+    color: @selected_fg_color;
+    text-shadow: 0 1px shade (@selected_bg_color, 0.8);
+}
+.button.list-row:selected:backdrop,
+.button.list-row:selected:hover:backdrop {
+    background-image: -gtk-gradient (linear, left top, left bottom,
+                                     from (shade (shade (@bg_color, 0.95), 0.94)),
+                                     to (shade (shade (@bg_color, 0.95), 0.86)));
+    border-top-color: shade (shade (@bg_color, 0.95), 0.88);
+    color: @fg_color;
+    text-shadow: 0 1px shade (shade (@bg_color, 0.95), 0.96);
+}
+
 /* default button */
 
 /*
@@ -220,13 +273,15 @@
                                      to (mix (shade (@selected_bg_color, 0.89), @bg_color, 0.3)));
 }
 
-.button.default:active {
+.button.default:active,
+.button.default:checked {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (mix (shade (@selected_bg_color, 0.95), @bg_color, 0.3)),
                                      to (mix (shade (@selected_bg_color, 1.05), @bg_color, 0.3)));
 }
 
-.button.default:active:hover {
+.button.default:active:hover,
+.button.default:checked:hover {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (mix (shade (@selected_bg_color, 1.0), @bg_color, 0.3)),
                                      to (mix (shade (@selected_bg_color, 1.1), @bg_color, 0.3)));
@@ -262,10 +317,15 @@
 }
 
 .linked .button:active,
+.linked .button:checked,
 .toolbar .button.raised.linked:active,
+.toolbar .button.raised.linked:checked,
 .toolbar .raised.linked .button:active,
+.toolbar .raised.linked .button:checked,
 .inline-toolbar.toolbar .button:active,
-.inline-toolbar.toolbar GtkToolButton .button:active {
+.inline-toolbar.toolbar .button:checked,
+.inline-toolbar.toolbar GtkToolButton .button:active,
+.inline-toolbar.toolbar GtkToolButton .button:checked {
     /*box-shadow: inset 1px 0 shade (@bg_color, 0.76);*/
 }
 
@@ -295,18 +355,36 @@
 
 
 /* Middle button */
-.linked .entry,
-.linked .entry:active,
-.linked .entry:focus,
-.linked .entry:focus:active,
-.linked .button,
-.linked .button:active,
-.linked .button:active:hover,
-.linked .button:focus,
-.linked .button:focus:active,
-.linked .button:insensitive,
-.linked .button:backdrop,
-.linked .button:active:backdrop {
+.linked > .entry,
+.linked > .entry:active,
+.linked > .entry:checked,
+.linked > .entry:focus,
+.linked > .entry:focus:active,
+.linked > .entry:focus:checked,
+.linked > .button,
+.linked > .button:active,
+.linked > .button:checked,
+.linked > .button:active:hover,
+.linked > .button:checked:hover,
+.linked > .button:focus,
+.linked > .button:focus:active,
+.linked > .button:focus:checked,
+.linked > .button:insensitive,
+.linked > .button:backdrop,
+.linked > .button:active:backdrop,
+.linked > .button:checked:backdrop,
+.linked > GtkComboBox > .button,
+.linked > GtkComboBox > .button:active,
+.linked > GtkComboBox > .button:checked,
+.linked > GtkComboBox > .button:active:hover,
+.linked > GtkComboBox > .button:checked:hover,
+.linked > GtkComboBox > .button:focus,
+.linked > GtkComboBox > .button:focus:active,
+.linked > GtkComboBox > .button:focus:checked,
+.linked > GtkComboBox > .button:insensitive,
+.linked > GtkComboBox > .button:backdrop,
+.linked > GtkComboBox > .button:active:backdrop,
+.linked > GtkComboBox > .button:checked:backdrop {
     border-right-width: 0;
     border-left-width: 0;
     border-image-width: 10px 0 10px 0;
@@ -314,18 +392,36 @@
 }
 
 /* Leftmost button */
-.linked .entry:first-child,
-.linked .entry:active:first-child,
-.linked .entry:focus:first-child,
-.linked .entry:focus:active:first-child,
-.linked .button:first-child,
-.linked .button:active:first-child,
-.linked .button:active:hover:first-child,
-.linked .button:focus:first-child,
-.linked .button:focus:active:first-child,
-.linked .button:insensitive:first-child,
-.linked .button:backdrop:first-child,
-.linked .button:active:backdrop:first-child {
+.linked > .entry:first-child,
+.linked > .entry:active:first-child,
+.linked > .entry:checked:first-child,
+.linked > .entry:focus:first-child,
+.linked > .entry:focus:active:first-child,
+.linked > .entry:focus:checked:first-child,
+.linked > .button:first-child,
+.linked > .button:active:first-child,
+.linked > .button:checked:first-child,
+.linked > .button:active:hover:first-child,
+.linked > .button:checked:hover:first-child,
+.linked > .button:focus:first-child,
+.linked > .button:focus:active:first-child,
+.linked > .button:focus:checked:first-child,
+.linked > .button:insensitive:first-child,
+.linked > .button:backdrop:first-child,
+.linked > .button:active:backdrop:first-child,
+.linked > .button:checked:backdrop:first-child,
+.linked > GtkComboBox:first-child > .button,
+.linked > GtkComboBox:first-child > .button:active,
+.linked > GtkComboBox:first-child > .button:checked,
+.linked > GtkComboBox:first-child > .button:active:hover,
+.linked > GtkComboBox:first-child > .button:checked:hover,
+.linked > GtkComboBox:first-child > .button:focus,
+.linked > GtkComboBox:first-child > .button:focus:active,
+.linked > GtkComboBox:first-child > .button:focus:checked,
+.linked > GtkComboBox:first-child > .button:insensitive,
+.linked > GtkComboBox:first-child > .button:backdrop,
+.linked > GtkComboBox:first-child > .button:active:backdrop,
+.linked > GtkComboBox:first-child > .button:checked:backdrop {
     border-width: 1px;
     border-right-width: 0;
     border-image-width: 10px 0 10px 12px;
@@ -335,18 +431,36 @@
 }
 
 /* Rightmost button */
-.linked .entry:last-child,
-.linked .entry:active:last-child,
-.linked .entry:focus:last-child,
-.linked .entry:focus:active:last-child,
-.linked .button:last-child,
-.linked .button:active:last-child,
-.linked .button:active:hover:last-child,
-.linked .button:focus:last-child,
-.linked .button:focus:active:last-child,
-.linked .button:insensitive:last-child,
-.linked .button:backdrop:last-child,
-.linked .button:active:backdrop:last-child {
+.linked > .entry:last-child,
+.linked > .entry:active:last-child,
+.linked > .entry:checked:last-child,
+.linked > .entry:focus:last-child,
+.linked > .entry:focus:active:last-child,
+.linked > .entry:focus:checked:last-child,
+.linked > .button:last-child,
+.linked > .button:active:last-child,
+.linked > .button:checked:last-child,
+.linked > .button:active:hover:last-child,
+.linked > .button:checked:hover:last-child,
+.linked > .button:focus:last-child,
+.linked > .button:focus:active:last-child,
+.linked > .button:focus:checked:last-child,
+.linked > .button:insensitive:last-child,
+.linked > .button:backdrop:last-child,
+.linked > .button:active:backdrop:last-child,
+.linked > .button:checked:backdrop:last-child,
+.linked > GtkComboBox:last-child > .button,
+.linked > GtkComboBox:last-child > .button:active,
+.linked > GtkComboBox:last-child > .button:checked,
+.linked > GtkComboBox:last-child > .button:active:hover,
+.linked > GtkComboBox:last-child > .button:checked:hover,
+.linked > GtkComboBox:last-child > .button:focus,
+.linked > GtkComboBox:last-child > .button:focus:active,
+.linked > GtkComboBox:last-child > .button:focus:checked,
+.linked > GtkComboBox:last-child > .button:insensitive,
+.linked > GtkComboBox:last-child > .button:backdrop,
+.linked > GtkComboBox:last-child > .button:active:backdrop,
+.linked > GtkComboBox:last-child > .button:checked:backdrop {
     border-width: 1px;
     border-left-width: 0;
     border-image-width: 10px 12px 10px 0;
@@ -356,18 +470,88 @@
 }
 
 /* Linked single button */
-.linked .entry:only-child,
-.linked .entry:active:only-child,
-.linked .entry:focus:only-child,
-.linked .entry:focus:active:only-child,
-.linked .button:only-child,
-.linked .button:active:only-child,
-.linked .button:active:hover:only-child,
-.linked .button:focus:only-child,
-.linked .button:focus:active:only-child,
-.linked .button:insensitive:only-child,
-.linked .button:backdrop:only-child,
-.linked .button:active:backdrop:only-child {
+.linked > .entry:only-child,
+.linked > .entry:active:only-child,
+.linked > .entry:checked:only-child,
+.linked > .entry:focus:only-child,
+.linked > .entry:focus:active:only-child,
+.linked > .entry:focus:checked:only-child,
+.linked > .button:only-child,
+.linked > .button:active:only-child,
+.linked > .button:checked:only-child,
+.linked > .button:active:hover:only-child,
+.linked > .button:checked:hover:only-child,
+.linked > .button:focus:only-child,
+.linked > .button:focus:active:only-child,
+.linked > .button:focus:checked:only-child,
+.linked > .button:insensitive:only-child,
+.linked > .button:backdrop:only-child,
+.linked > .button:active:backdrop:only-child,
+.linked > .button:checked:backdrop:only-child,
+.linked > GtkComboBox:only-child > .button,
+.linked > GtkComboBox:only-child > .button:active,
+.linked > GtkComboBox:only-child > .button:checked,
+.linked > GtkComboBox:only-child > .button:active:hover,
+.linked > GtkComboBox:only-child > .button:checked:hover,
+.linked > GtkComboBox:only-child > .button:focus,
+.linked > GtkComboBox:only-child > .button:focus:active,
+.linked > GtkComboBox:only-child > .button:focus:checked,
+.linked > GtkComboBox:only-child > .button:insensitive,
+.linked > GtkComboBox:only-child > .button:backdrop,
+.linked > GtkComboBox:only-child > .button:active:backdrop,
+.linked > GtkComboBox:only-child > .button:checked:backdrop {
+    border-right-width: 1px;
+    border-left-width: 1px;
+    border-image-width: 10px 12px 10px 12px;
+    border-radius: 8px;
+}
+
+/* Middle button (vertical) */
+.linked.vertical .entry,
+.linked.vertical .button,
+.linked.vertical .button:active,
+.linked.vertical .button:active:hover,
+.linked.vertical .button:insensitive {
+    border-right-width: 0;
+    border-left-width: 0;
+    border-image-width: 0px 12px 0px 12px;
+    border-radius: 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-bottom-width: 0;
+    border-image-width: 10px 12px 0px 12px;
+    border-radius: 8px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-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-bottom-width: 0;
+    border-image-width: 0px 12px 10px 12px;
+    border-radius: 8px;
+    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-right-width: 1px;
     border-left-width: 1px;
     border-image-width: 10px 12px 10px 12px;
@@ -383,7 +567,10 @@
 .menubar.toolbar .raised.linked .button,
 .header-bar .linked .button,
 .header-bar .button.raised.linked,
-.header-bar .raised.linked .button {
+.header-bar .raised.linked .button,
+.titlebar .linked .button,
+.titlebar .button.raised.linked,
+.titlebar .raised.linked .button {
     box-shadow: inset 1px 0 shade (@dark_bg_color, 1.4),
                 inset -1px 0 shade (@dark_bg_color, 0.9);
 }
@@ -396,7 +583,10 @@
 .menubar.toolbar .raised.linked .button:first-child,
 .header-bar .linked .button:first-child,
 .header-bar .button.raised.linked:first-child,
-.header-bar .raised.linked .button:first-child {
+.header-bar .raised.linked .button:first-child,