GTK 3.22: fix parsing errors

13 files changed, 223 insertions, 218 deletions

diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css
index a7f352b..c59e6e0 100644
--- a/common/gtk-3.0/3.20/gtk-dark.css
+++ b/common/gtk-3.0/3.20/gtk-dark.css
@@ -1029,7 +1029,7 @@ window.csd > .titlebar:not(headerbar):backdrop {
   box-shadow: none; }
 
 .titlebar:not(headerbar) > separator {
-  background-image: linear-gradient(to top, rgba(38, 42, 51, 0.97)); }
+  background-image: linear-gradient(to bottom, rgba(38, 42, 51, 0.97), rgba(38, 42, 51, 0.97)); }
 
 .primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
   min-width: 1px;
@@ -1431,14 +1431,14 @@ treeview.view {
   treeview.view.progressbar, treeview.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
-    background-image: linear-gradient(to bottom, #5294e2); }
+    background-color: #5294e2; }
     treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
-      background-image: linear-gradient(to bottom, #ffffff); }
+      background-color: #ffffff; }
   treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus {
     color: #D3DAE3;
-    background-image: linear-gradient(to bottom, #2b2e39);
+    background-color: #2b2e39;
     border-radius: 3px;
     border-width: 0; }
   treeview.view header button {
@@ -1830,7 +1830,7 @@ scrollbar {
     min-height: 40px; }
 
 switch {
-  font: 1;
+  font-size: 1px;
   min-width: 52px;
   min-height: 24px;
   background-size: 52px 24px;
@@ -2621,7 +2621,7 @@ placessidebar row {
   placessidebar row.sidebar-placeholder-row {
     padding: 0 8px;
     min-height: 2px;
-    background-image: linear-gradient(to top, #F08437);
+    background-image: linear-gradient(to bottom, #F08437, #F08437);
     background-clip: content-box; }
   placessidebar row.sidebar-new-bookmark-row {
     color: #5294e2; }
@@ -2651,15 +2651,15 @@ paned > separator {
   -gtk-icon-source: none;
   border-style: none;
   background-color: transparent;
-  background-image: linear-gradient(to top, #2b2e39);
+  background-image: linear-gradient(to bottom, #2b2e39, #2b2e39);
   background-size: 1px 1px; }
   paned > separator:selected {
-    background-image: linear-gradient(to top, #5294e2); }
+    background-image: linear-gradient(to bottom, #5294e2, #5294e2); }
   paned > separator.wide {
     min-width: 5px;
     min-height: 5px;
     background-color: #383C4A;
-    background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39);
+    background-image: linear-gradient(to bottom, #2b2e39, #2b2e39), linear-gradient(to bottom, #2b2e39, #2b2e39);
     background-size: 1px 1px, 1px 1px; }
 
 paned.horizontal > separator {
@@ -2904,7 +2904,7 @@ popover.background.touch-selection, .csd popover.background.touch-selection {
   font: initial; }
 
 .monospace {
-  font: Monospace; }
+  font-family: Monospace; }
 
 button.circular, button.nautilus-circular-button.image-button,
 button.circular-button {
@@ -3513,7 +3513,7 @@ button.documents-favorite:active:hover {
   border: 1px solid rgba(0, 0, 0, 0.35);
   border-radius: 3px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-  background-image: linear-gradient(to bottom, white);
+  background-image: linear-gradient(to bottom, white, white);
   background-color: transparent; }
   .gala-notification .title, .gala-notification .label {
     color: #5c616c; }
@@ -3585,7 +3585,7 @@ UnityDecoration {
     border-bottom-width: 0;
     border-radius: 4px 4px 0 0;
     padding: 1px 6px 0 6px;
-    background-image: linear-gradient(to bottom, #2f343f);
+    background-image: linear-gradient(to bottom, #2f343f, #2f343f);
     color: rgba(207, 218, 231, 0.8);
     box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); }
     UnityDecoration.top:backdrop {
@@ -3593,11 +3593,11 @@ UnityDecoration {
       color: rgba(207, 218, 231, 0.5); }
   UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop {
     background-color: transparent;
-    background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); }
+    background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97), rgba(32, 35, 43, 0.97)); }
 
 UnityPanelWidget,
 .unity-panel {
-  background-image: linear-gradient(to bottom, #2f343f);
+  background-image: linear-gradient(to bottom, #2f343f, #2f343f);
   color: #f6f7f9;
   box-shadow: none; }
   UnityPanelWidget:backdrop,
@@ -3608,7 +3608,7 @@ UnityPanelWidget,
 .unity-panel.menubar .menuitem *:hover {
   border-radius: 0;
   color: #ffffff;
-  background-image: linear-gradient(to bottom, #5294e2);
+  background-image: linear-gradient(to bottom, #5294e2, #5294e2);
   border-bottom: none; }
 
 .lightdm.menu {
@@ -3801,7 +3801,7 @@ GraniteWidgetsWelcome {
 
 GraniteWidgetsWelcome label {
   color: #868b97;
-  font: open sans 11;
+  font-size: 11px;
   text-shadow: none; }
 
 GraniteWidgetsWelcome .h1,
@@ -3821,7 +3821,7 @@ GraniteWidgetsPopOver {
   margin: 0; }
 
 .popover_bg {
-  background-image: linear-gradient(to bottom, #404552);
+  background-image: linear-gradient(to bottom, #404552, #404552);
   border: 1px solid rgba(0, 0, 0, 0.3); }
 
 GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar,
@@ -3832,13 +3832,13 @@ GraniteWidgetsXsEntry entry {
   padding: 4px; }
 
 .h1 {
-  font: open sans 24px; }
+  font-size: 24px; }
 
 .h2 {
-  font: open sans light 18px; }
+  font-size: 18px; }
 
 .h3 {
-  font: open sans 11px; }
+  font-size: 11px; }
 
 .h4,
 .category-label {
@@ -3855,24 +3855,24 @@ GtkListBox .h4 {
 #panel_window {
   background-color: rgba(43, 46, 55, 0.95);
   color: #BAC3CF;
-  font: bold;
+  font-weight: bold;
   box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); }
   #panel_window menubar,
   #panel_window menubar > menuitem {
     background-color: transparent;
     color: #BAC3CF;
-    font: bold; }
+    font-weight: bold; }
   #panel_window menubar menuitem:disabled {
     color: rgba(186, 195, 207, 0.5); }
     #panel_window menubar menuitem:disabled label {
       color: inherit; }
   #panel_window menubar menu > menuitem {
-    font: normal; }
+    font-weight: normal; }
 
 #login_window,
 #shutdown_dialog,
 #restart_dialog {
-  font: normal;
+  font-weight: normal;
   border-style: none;
   background-color: transparent;
   color: #D3DAE3; }
@@ -3939,9 +3939,9 @@ GtkListBox .h4 {
 
 #login_window #user_combobox {
   color: #D3DAE3;
-  font: 13px; }
+  font-size: 13px; }
   #login_window #user_combobox menu {
-    font: normal; }
+    font-weight: normal; }
 
 #user_image {
   padding: 3px;
@@ -3987,13 +3987,13 @@ GtkListBox .h4 {
 
 #greeter_infobar {
   border-bottom-width: 0;
-  font: bold; }
+  font-weight: bold; }
 
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to top, rgba(42, 45, 55, 0.95)); }
+  background-image: linear-gradient(to bottom, rgba(42, 45, 55, 0.95), rgba(42, 45, 55, 0.95)); }
 
 filechooser paned > separator {
-  background-image: linear-gradient(to top, rgba(42, 45, 55, 0.95)); }
+  background-image: linear-gradient(to bottom, rgba(42, 45, 55, 0.95), rgba(42, 45, 55, 0.95)); }
 
 filechooser.csd.background, filechooser placessidebar list,
 .nautilus-window.csd.background,
@@ -4114,10 +4114,10 @@ filechooser actionbar {
   background-color: #404552; }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to top, rgba(42, 45, 55, 0.95)); }
+  background-image: linear-gradient(to bottom, rgba(42, 45, 55, 0.95), rgba(42, 45, 55, 0.95)); }
 
 .gedit-bottom-panel-paned > separator {
-  background-image: linear-gradient(to top, #2b2e39); }
+  background-image: linear-gradient(to bottom, #2b2e39, #2b2e39); }
 
 .gedit-document-panel {
   background-color: rgba(53, 57, 69, 0.95); }
diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css
index 500e46d..7bdc8c6 100644
--- a/common/gtk-3.0/3.20/gtk-darker.css
+++ b/common/gtk-3.0/3.20/gtk-darker.css
@@ -1028,7 +1028,7 @@ window.csd > .titlebar:not(headerbar):backdrop {
   box-shadow: none; }
 
 .titlebar:not(headerbar) > separator {
-  background-image: linear-gradient(to top, rgba(38, 42, 51, 0.97)); }
+  background-image: linear-gradient(to bottom, rgba(38, 42, 51, 0.97), rgba(38, 42, 51, 0.97)); }
 
 .primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
   min-width: 1px;
@@ -1430,14 +1430,14 @@ treeview.view {
   treeview.view.progressbar, treeview.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
-    background-image: linear-gradient(to bottom, #5294e2); }
+    background-color: #5294e2; }
     treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
-      background-image: linear-gradient(to bottom, #ffffff); }
+      background-color: #ffffff; }
   treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus {
     color: #5c616c;
-    background-image: linear-gradient(to bottom, #cfd6e6);
+    background-color: #cfd6e6;
     border-radius: 3px;
     border-width: 0; }
   treeview.view header button {
@@ -1829,7 +1829,7 @@ scrollbar {
     min-height: 40px; }
 
 switch {
-  font: 1;
+  font-size: 1px;
   min-width: 52px;
   min-height: 24px;
   background-size: 52px 24px;
@@ -2620,7 +2620,7 @@ placessidebar row {
   placessidebar row.sidebar-placeholder-row {
     padding: 0 8px;
     min-height: 2px;
-    background-image: linear-gradient(to top, #F08437);
+    background-image: linear-gradient(to bottom, #F08437, #F08437);
     background-clip: content-box; }
   placessidebar row.sidebar-new-bookmark-row {
     color: #5294e2; }
@@ -2650,15 +2650,15 @@ paned > separator {
   -gtk-icon-source: none;
   border-style: none;
   background-color: transparent;
-  background-image: linear-gradient(to top, #dcdfe3);
+  background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3);
   background-size: 1px 1px; }
   paned > separator:selected {
-    background-image: linear-gradient(to top, #5294e2); }
+    background-image: linear-gradient(to bottom, #5294e2, #5294e2); }
   paned > separator.wide {
     min-width: 5px;
     min-height: 5px;
     background-color: #F5F6F7;
-    background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3);
+    background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3), linear-gradient(to bottom, #dcdfe3, #dcdfe3);
     background-size: 1px 1px, 1px 1px; }
 
 paned.horizontal > separator {
@@ -2903,7 +2903,7 @@ popover.background.touch-selection, .csd popover.background.touch-selection {
   font: initial; }
 
 .monospace {
-  font: Monospace; }
+  font-family: Monospace; }
 
 button.circular, button.nautilus-circular-button.image-button,
 button.circular-button {
@@ -3512,7 +3512,7 @@ button.documents-favorite:active:hover {
   border: 1px solid rgba(0, 0, 0, 0.35);
   border-radius: 3px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-  background-image: linear-gradient(to bottom, white);
+  background-image: linear-gradient(to bottom, white, white);
   background-color: transparent; }
   .gala-notification .title, .gala-notification .label {
     color: #5c616c; }
@@ -3584,7 +3584,7 @@ UnityDecoration {
     border-bottom-width: 0;
     border-radius: 4px 4px 0 0;
     padding: 1px 6px 0 6px;
-    background-image: linear-gradient(to bottom, #2f343f);
+    background-image: linear-gradient(to bottom, #2f343f, #2f343f);
     color: rgba(207, 218, 231, 0.8);
     box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); }
     UnityDecoration.top:backdrop {
@@ -3592,11 +3592,11 @@ UnityDecoration {
       color: rgba(207, 218, 231, 0.5); }
   UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop {
     background-color: transparent;
-    background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97)); }
+    background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97), rgba(32, 35, 43, 0.97)); }
 
 UnityPanelWidget,
 .unity-panel {
-  background-image: linear-gradient(to bottom, #2f343f);
+  background-image: linear-gradient(to bottom, #2f343f, #2f343f);
   color: #f6f7f9;
   box-shadow: none; }
   UnityPanelWidget:backdrop,
@@ -3607,7 +3607,7 @@ UnityPanelWidget,
 .unity-panel.menubar .menuitem *:hover {
   border-radius: 0;
   color: #ffffff;
-  background-image: linear-gradient(to bottom, #5294e2);
+  background-image: linear-gradient(to bottom, #5294e2, #5294e2);
   border-bottom: none; }
 
 .lightdm.menu {
@@ -3800,7 +3800,7 @@ GraniteWidgetsWelcome {
 
 GraniteWidgetsWelcome label {
   color: #a9acb2;
-  font: open sans 11;
+  font-size: 11px;
   text-shadow: none; }
 
 GraniteWidgetsWelcome .h1,
@@ -3820,7 +3820,7 @@ GraniteWidgetsPopOver {
   margin: 0; }
 
 .popover_bg {
-  background-image: linear-gradient(to bottom, #ffffff);
+  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
   border: 1px solid rgba(0, 0, 0, 0.3); }
 
 GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar,
@@ -3831,13 +3831,13 @@ GraniteWidgetsXsEntry entry {
   padding: 4px; }
 
 .h1 {
-  font: open sans 24px; }
+  font-size: 24px; }
 
 .h2 {
-  font: open sans light 18px; }
+  font-size: 18px; }
 
 .h3 {
-  font: open sans 11px; }
+  font-size: 11px; }
 
 .h4,
 .category-label {
@@ -3854,24 +3854,24 @@ GtkListBox .h4 {
 #panel_window {
   background-color: rgba(43, 46, 55, 0.95);
   color: #BAC3CF;
-  font: bold;
+  font-weight: bold;
   box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); }
   #panel_window menubar,
   #panel_window menubar > menuitem {
     background-color: transparent;
     color: #BAC3CF;
-    font: bold; }
+    font-weight: bold; }
   #panel_window menubar menuitem:disabled {
     color: rgba(186, 195, 207, 0.5); }
     #panel_window menubar menuitem:disabled label {
       color: inherit; }
   #panel_window menubar menu > menuitem {
-    font: normal; }
+    font-weight: normal; }
 
 #login_window,
 #shutdown_dialog,
 #restart_dialog {
-  font: normal;
+  font-weight: normal;
   border-style: none;
   background-color: transparent;
   color: #5c616c; }
@@ -3938,9 +3938,9 @@ GtkListBox .h4 {
 
 #login_window #user_combobox {
   color: #5c616c;
-  font: 13px; }
+  font-size: 13px; }
   #login_window #user_combobox menu {
-    font: normal; }
+    font-weight: normal; }
 
 #user_image {
   padding: 3px;
@@ -3986,17 +3986,17 @@ GtkListBox .h4 {
 
 #greeter_infobar {
   border-bottom-width: 0;
-  font: bold; }
+  font-weight: bold; }
 
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); }
+  background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); }
   .nautilus-window paned > separator:dir(ltr) {
     margin-left: -1px; }
   .nautilus-window paned > separator:dir(rtl) {
     margin-right: -1px; }
 
 filechooser paned > separator {
-  background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); }
+  background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); }
 
 filechooser.csd.background, filechooser placessidebar list,
 .nautilus-window.csd.background,
@@ -4117,10 +4117,10 @@ filechooser actionbar {
   background-color: #ffffff; }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); }
+  background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); }
 
 .gedit-bottom-panel-paned > separator {
-  background-image: linear-gradient(to top, #dcdfe3); }
+  background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); }
 
 .gedit-document-panel {
   background-color: rgba(53, 57, 69, 0.95); }
diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css
index dcca4a9..99c421a 100644
--- a/common/gtk-3.0/3.20/gtk-solid-dark.css
+++ b/common/gtk-3.0/3.20/gtk-solid-dark.css
@@ -1029,7 +1029,7 @@ window.csd > .titlebar:not(headerbar):backdrop {
   box-shadow: none; }
 
 .titlebar:not(headerbar) > separator {
-  background-image: linear-gradient(to top, #262a33); }
+  background-image: linear-gradient(to bottom, #262a33, #262a33); }
 
 .primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
   min-width: 1px;
@@ -1431,14 +1431,14 @@ treeview.view {
   treeview.view.progressbar, treeview.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
-    background-image: linear-gradient(to bottom, #5294e2); }
+    background-color: #5294e2; }
     treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
-      background-image: linear-gradient(to bottom, #ffffff); }
+      background-color: #ffffff; }
   treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus {
     color: #D3DAE3;
-    background-image: linear-gradient(to bottom, #2b2e39);
+    background-color: #2b2e39;
     border-radius: 3px;
     border-width: 0; }
   treeview.view header button {
@@ -1830,7 +1830,7 @@ scrollbar {
     min-height: 40px; }
 
 switch {
-  font: 1;
+  font-size: 1px;
   min-width: 52px;
   min-height: 24px;
   background-size: 52px 24px;
@@ -2621,7 +2621,7 @@ placessidebar row {
   placessidebar row.sidebar-placeholder-row {
     padding: 0 8px;
     min-height: 2px;
-    background-image: linear-gradient(to top, #F08437);
+    background-image: linear-gradient(to bottom, #F08437, #F08437);
     background-clip: content-box; }
   placessidebar row.sidebar-new-bookmark-row {
     color: #5294e2; }
@@ -2651,15 +2651,15 @@ paned > separator {
   -gtk-icon-source: none;
   border-style: none;
   background-color: transparent;
-  background-image: linear-gradient(to top, #2b2e39);
+  background-image: linear-gradient(to bottom, #2b2e39, #2b2e39);
   background-size: 1px 1px; }
   paned > separator:selected {
-    background-image: linear-gradient(to top, #5294e2); }
+    background-image: linear-gradient(to bottom, #5294e2, #5294e2); }
   paned > separator.wide {
     min-width: 5px;
     min-height: 5px;
     background-color: #383C4A;
-    background-image: linear-gradient(to top, #2b2e39), linear-gradient(to top, #2b2e39);
+    background-image: linear-gradient(to bottom, #2b2e39, #2b2e39), linear-gradient(to bottom, #2b2e39, #2b2e39);
     background-size: 1px 1px, 1px 1px; }
 
 paned.horizontal > separator {
@@ -2904,7 +2904,7 @@ popover.background.touch-selection, .csd popover.background.touch-selection {
   font: initial; }
 
 .monospace {
-  font: Monospace; }
+  font-family: Monospace; }
 
 button.circular, button.nautilus-circular-button.image-button,
 button.circular-button {
@@ -3513,7 +3513,7 @@ button.documents-favorite:active:hover {
   border: 1px solid rgba(0, 0, 0, 0.35);
   border-radius: 3px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-  background-image: linear-gradient(to bottom, white);
+  background-image: linear-gradient(to bottom, white, white);
   background-color: transparent; }
   .gala-notification .title, .gala-notification .label {
     color: #5c616c; }
@@ -3585,7 +3585,7 @@ UnityDecoration {
     border-bottom-width: 0;
     border-radius: 4px 4px 0 0;
     padding: 1px 6px 0 6px;
-    background-image: linear-gradient(to bottom, #2f343f);
+    background-image: linear-gradient(to bottom, #2f343f, #2f343f);
     color: rgba(207, 218, 231, 0.8);
     box-shadow: inset 0 1px #363b48; }
     UnityDecoration.top:backdrop {
@@ -3593,11 +3593,11 @@ UnityDecoration {
       color: rgba(207, 218, 231, 0.5); }
   UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop {
     background-color: transparent;
-    background-image: linear-gradient(to bottom, #20232b); }
+    background-image: linear-gradient(to bottom, #20232b, #20232b); }
 
 UnityPanelWidget,
 .unity-panel {
-  background-image: linear-gradient(to bottom, #2f343f);
+  background-image: linear-gradient(to bottom, #2f343f, #2f343f);
   color: #f6f7f9;
   box-shadow: none; }
   UnityPanelWidget:backdrop,
@@ -3608,7 +3608,7 @@ UnityPanelWidget,
 .unity-panel.menubar .menuitem *:hover {
   border-radius: 0;
   color: #ffffff;
-  background-image: linear-gradient(to bottom, #5294e2);
+  background-image: linear-gradient(to bottom, #5294e2, #5294e2);
   border-bottom: none; }
 
 .lightdm.menu {
@@ -3801,7 +3801,7 @@ GraniteWidgetsWelcome {
 
 GraniteWidgetsWelcome label {
   color: #868b97;
-  font: open sans 11;
+  font-size: 11px;
   text-shadow: none; }
 
 GraniteWidgetsWelcome .h1,
@@ -3821,7 +3821,7 @@ GraniteWidgetsPopOver {
   margin: 0; }
 
 .popover_bg {
-  background-image: linear-gradient(to bottom, #404552);
+  background-image: linear-gradient(to bottom, #404552, #404552);
   border: 1px solid rgba(0, 0, 0, 0.3); }
 
 GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar,
@@ -3832,13 +3832,13 @@ GraniteWidgetsXsEntry entry {
   padding: 4px; }
 
 .h1 {
-  font: open sans 24px; }
+  font-size: 24px; }
 
 .h2 {
-  font: open sans light 18px; }
+  font-size: 18px; }
 
 .h3 {
-  font: open sans 11px; }
+  font-size: 11px; }
 
 .h4,
 .category-label {
@@ -3855,24 +3855,24 @@ GtkListBox .h4 {
 #panel_window {
   background-color: #2b2e37;
   color: #BAC3CF;
-  font: bold;
+  font-weight: bold;
   box-shadow: inset 0 -1px #1b1d23; }
   #panel_window menubar,
   #panel_window menubar > menuitem {
     background-color: transparent;
     color: #BAC3CF;
-    font: bold; }
+    font-weight: bold; }
   #panel_window menubar menuitem:disabled {
     color: rgba(186, 195, 207, 0.5); }
     #panel_window menubar menuitem:disabled label {
       color: inherit; }
   #panel_window menubar menu > menuitem {
-    font: normal; }
+    font-weight: normal; }
 
 #login_window,
 #shutdown_dialog,
 #restart_dialog {
-  font: normal;
+  font-weight: normal;
   border-style: none;
   background-color: transparent;
   color: #D3DAE3; }
@@ -3939,9 +3939,9 @@ GtkListBox .h4 {
 
 #login_window #user_combobox {
   color: #D3DAE3;
-  font: 13px; }
+  font-size: 13px; }
   #login_window #user_combobox menu {
-    font: normal; }
+    font-weight: normal; }
 
 #user_image {
   padding: 3px;
@@ -3987,13 +3987,13 @@ GtkListBox .h4 {
 
 #greeter_infobar {
   border-bottom-width: 0;
-  font: bold; }
+  font-weight: bold; }
 
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to top, #2a2d37); }
+  background-image: linear-gradient(to bottom, #2a2d37, #2a2d37); }
 
 filechooser paned > separator {
-  background-image: linear-gradient(to top, #2a2d37); }
+  background-image: linear-gradient(to bottom, #2a2d37, #2a2d37); }
 
 filechooser.csd.background, filechooser placessidebar list,
 .nautilus-window.csd.background,
@@ -4114,10 +4114,10 @@ filechooser actionbar {
   background-color: #404552; }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to top, #2a2d37); }
+  background-image: linear-gradient(to bottom, #2a2d37, #2a2d37); }
 
 .gedit-bottom-panel-paned > separator {
-  background-image: linear-gradient(to top, #2b2e39); }
+  background-image: linear-gradient(to bottom, #2b2e39, #2b2e39); }
 
 .gedit-document-panel {
   background-color: #353945; }
diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css
index be5147d..71cad90 100644
--- a/common/gtk-3.0/3.20/gtk-solid-darker.css
+++ b/common/gtk-3.0/3.20/gtk-solid-darker.css
@@ -1028,7 +1028,7 @@ window.csd > .titlebar:not(headerbar):backdrop {
   box-shadow: none; }
 
 .titlebar:not(headerbar) > separator {
-  background-image: linear-gradient(to top, #262a33); }
+  background-image: linear-gradient(to bottom, #262a33, #262a33); }
 
 .primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
   min-width: 1px;
@@ -1430,14 +1430,14 @@ treeview.view {
   treeview.view.progressbar, treeview.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
-    background-image: linear-gradient(to bottom, #5294e2); }
+    background-color: #5294e2; }
     treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
-      background-image: linear-gradient(to bottom, #ffffff); }
+      background-color: #ffffff; }
   treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus {
     color: #5c616c;
-    background-image: linear-gradient(to bottom, #cfd6e6);
+    background-color: #cfd6e6;
     border-radius: 3px;
     border-width: 0; }
   treeview.view header button {
@@ -1829,7 +1829,7 @@ scrollbar {
     min-height: 40px; }
 
 switch {
-  font: 1;
+  font-size: 1px;
   min-width: 52px;
   min-height: 24px;
   background-size: 52px 24px;
@@ -2620,7 +2620,7 @@ placessidebar row {
   placessidebar row.sidebar-placeholder-row {
     padding: 0 8px;
     min-height: 2px;
-    background-image: linear-gradient(to top, #F08437);
+    background-image: linear-gradient(to bottom, #F08437, #F08437);
     background-clip: content-box; }
   placessidebar row.sidebar-new-bookmark-row {
     color: #5294e2; }
@@ -2650,15 +2650,15 @@ paned > separator {
   -gtk-icon-source: none;
   border-style: none;
   background-color: transparent;
-  background-image: linear-gradient(to top, #dcdfe3);
+  background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3);
   background-size: 1px 1px; }
   paned > separator:selected {
-    background-image: linear-gradient(to top, #5294e2); }
+    background-image: linear-gradient(to bottom, #5294e2, #5294e2); }
   paned > separator.wide {
     min-width: 5px;
     min-height: 5px;
     background-color: #F5F6F7;
-    background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3);
+    background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3), linear-gradient(to bottom, #dcdfe3, #dcdfe3);
     background-size: 1px 1px, 1px 1px; }
 
 paned.horizontal > separator {
@@ -2903,7 +2903,7 @@ popover.background.touch-selection, .csd popover.background.touch-selection {
   font: initial; }
 
 .monospace {
-  font: Monospace; }
+  font-family: Monospace; }
 
 button.circular, button.nautilus-circular-button.image-button,
 button.circular-button {
@@ -3512,7 +3512,7 @@ button.documents-favorite:active:hover {
   border: 1px solid rgba(0, 0, 0, 0.35);
   border-radius: 3px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-  background-image: linear-gradient(to bottom, white);
+  background-image: linear-gradient(to bottom, white, white);
   background-color: transparent; }
   .gala-notification .title, .gala-notification .label {
     color: #5c616c; }
@@ -3584,7 +3584,7 @@ UnityDecoration {
     border-bottom-width: 0;
     border-radius: 4px 4px 0 0;
     padding: 1px 6px 0 6px;
-    background-image: linear-gradient(to bottom, #2f343f);
+    background-image: linear-gradient(to bottom, #2f343f, #2f343f);
     color: rgba(207, 218, 231, 0.8);
     box-shadow: inset 0 1px #363b48; }
     UnityDecoration.top:backdrop {
@@ -3592,11 +3592,11 @@ UnityDecoration {
       color: rgba(207, 218, 231, 0.5); }
   UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop {
     background-color: transparent;
-    background-image: linear-gradient(to bottom, #20232b); }
+    background-image: linear-gradient(to bottom, #20232b, #20232b); }
 
 UnityPanelWidget,
 .unity-panel {
-  background-image: linear-gradient(to bottom, #2f343f);
+  background-image: linear-gradient(to bottom, #2f343f, #2f343f);
   color: #f6f7f9;
   box-shadow: none; }
   UnityPanelWidget:backdrop,
@@ -3607,7 +3607,7 @@ UnityPanelWidget,
 .unity-panel.menubar .menuitem *:hover {
   border-radius: 0;
   color: #ffffff;
-  background-image: linear-gradient(to bottom, #5294e2);
+  background-image: linear-gradient(to bottom, #5294e2, #5294e2);
   border-bottom: none; }
 
 .lightdm.menu {
@@ -3800,7 +3800,7 @@ GraniteWidgetsWelcome {
 
 GraniteWidgetsWelcome label {
   color: #a9acb2;
-  font: open sans 11;
+  font-size: 11px;
   text-shadow: none; }
 
 GraniteWidgetsWelcome .h1,
@@ -3820,7 +3820,7 @@ GraniteWidgetsPopOver {
   margin: 0; }
 
 .popover_bg {
-  background-image: linear-gradient(to bottom, #ffffff);
+  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
   border: 1px solid rgba(0, 0, 0, 0.3); }
 
 GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar,
@@ -3831,13 +3831,13 @@ GraniteWidgetsXsEntry entry {
   padding: 4px; }
 
 .h1 {
-  font: open sans 24px; }
+  font-size: 24px; }
 
 .h2 {
-  font: open sans light 18px; }
+  font-size: 18px; }
 
 .h3 {
-  font: open sans 11px; }
+  font-size: 11px; }
 
 .h4,
 .category-label {
@@ -3854,24 +3854,24 @@ GtkListBox .h4 {
 #panel_window {
   background-color: #2b2e37;
   color: #BAC3CF;
-  font: bold;
+  font-weight: bold;
   box-shadow: inset 0 -1px #1b1d23; }
   #panel_window menubar,
   #panel_window menubar > menuitem {
     background-color: transparent;
     color: #BAC3CF;
-    font: bold; }
+    font-weight: bold; }
   #panel_window menubar menuitem:disabled {
     color: rgba(186, 195, 207, 0.5); }
     #panel_window menubar menuitem:disabled label {
       color: inherit; }
   #panel_window menubar menu > menuitem {
-    font: normal; }
+    font-weight: normal; }
 
 #login_window,
 #shutdown_dialog,
 #restart_dialog {
-  font: normal;
+  font-weight: normal;
   border-style: none;
   background-color: transparent;
   color: #5c616c; }
@@ -3938,9 +3938,9 @@ GtkListBox .h4 {
 
 #login_window #user_combobox {
   color: #5c616c;
-  font: 13px; }
+  font-size: 13px; }
   #login_window #user_combobox menu {
-    font: normal; }
+    font-weight: normal; }
 
 #user_image {
   padding: 3px;
@@ -3986,17 +3986,17 @@ GtkListBox .h4 {
 
 #greeter_infobar {
   border-bottom-width: 0;
-  font: bold; }
+  font-weight: bold; }
 
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to top, #353945); }
+  background-image: linear-gradient(to bottom, #353945, #353945); }
   .nautilus-window paned > separator:dir(ltr) {
     margin-left: -1px; }
   .nautilus-window paned > separator:dir(rtl) {
     margin-right: -1px; }
 
 filechooser paned > separator {
-  background-image: linear-gradient(to top, #353945); }
+  background-image: linear-gradient(to bottom, #353945, #353945); }
 
 filechooser.csd.background, filechooser placessidebar list,
 .nautilus-window.csd.background,
@@ -4117,10 +4117,10 @@ filechooser actionbar {
   background-color: #ffffff; }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to top, #353945); }
+  background-image: linear-gradient(to bottom, #353945, #353945); }
 
 .gedit-bottom-panel-paned > separator {
-  background-image: linear-gradient(to top, #dcdfe3); }
+  background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); }
 
 .gedit-document-panel {
   background-color: #353945; }
diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css
index 4374887..f1c3ac7 100644
--- a/common/gtk-3.0/3.20/gtk-solid.css
+++ b/common/gtk-3.0/3.20/gtk-solid.css
@@ -1028,7 +1028,7 @@ window.csd > .titlebar:not(headerbar):backdrop {
   box-shadow: none; }
 
 .titlebar:not(headerbar) > separator {
-  background-image: linear-gradient(to top, #d4d5db); }
+  background-image: linear-gradient(to bottom, #d4d5db, #d4d5db); }
 
 .primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
   min-width: 1px;
@@ -1434,14 +1434,14 @@ treeview.view {
   treeview.view.progressbar, treeview.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
-    background-image: linear-gradient(to bottom, #5294e2); }
+    background-color: #5294e2; }
     treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
-      background-image: linear-gradient(to bottom, #ffffff); }
+      background-color: #ffffff; }
   treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus {
     color: #5c616c;
-    background-image: linear-gradient(to bottom, #cfd6e6);
+    background-color: #cfd6e6;
     border-radius: 3px;
     border-width: 0; }
   treeview.view header button {
@@ -1833,7 +1833,7 @@ scrollbar {
     min-height: 40px; }
 
 switch {
-  font: 1;
+  font-size: 1px;
   min-width: 52px;
   min-height: 24px;
   background-size: 52px 24px;
@@ -2624,7 +2624,7 @@ placessidebar row {
   placessidebar row.sidebar-placeholder-row {
     padding: 0 8px;
     min-height: 2px;
-    background-image: linear-gradient(to top, #F08437);
+    background-image: linear-gradient(to bottom, #F08437, #F08437);
     background-clip: content-box; }
   placessidebar row.sidebar-new-bookmark-row {
     color: #5294e2; }
@@ -2654,15 +2654,15 @@ paned > separator {
   -gtk-icon-source: none;
   border-style: none;
   background-color: transparent;
-  background-image: linear-gradient(to top, #dcdfe3);
+  background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3);
   background-size: 1px 1px; }
   paned > separator:selected {
-    background-image: linear-gradient(to top, #5294e2); }
+    background-image: linear-gradient(to bottom, #5294e2, #5294e2); }
   paned > separator.wide {
     min-width: 5px;
     min-height: 5px;
     background-color: #F5F6F7;
-    background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3);
+    background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3), linear-gradient(to bottom, #dcdfe3, #dcdfe3);
     background-size: 1px 1px, 1px 1px; }
 
 paned.horizontal > separator {
@@ -2907,7 +2907,7 @@ popover.background.touch-selection, .csd popover.background.touch-selection {
   font: initial; }
 
 .monospace {
-  font: Monospace; }
+  font-family: Monospace; }
 
 button.circular, button.nautilus-circular-button.image-button,
 button.circular-button {
@@ -3516,7 +3516,7 @@ button.documents-favorite:active:hover {
   border: 1px solid rgba(0, 0, 0, 0.35);
   border-radius: 3px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-  background-image: linear-gradient(to bottom, white);
+  background-image: linear-gradient(to bottom, white, white);
   background-color: transparent; }
   .gala-notification .title, .gala-notification .label {
     color: #5c616c; }
@@ -3588,7 +3588,7 @@ UnityDecoration {
     border-bottom-width: 0;
     border-radius: 4px 4px 0 0;
     padding: 1px 6px 0 6px;
-    background-image: linear-gradient(to bottom, #e7e8eb);
+    background-image: linear-gradient(to bottom, #e7e8eb, #e7e8eb);
     color: rgba(82, 93, 118, 0.8);
     box-shadow: inset 0 1px #eff0f2; }
     UnityDecoration.top:backdrop {
@@ -3596,11 +3596,11 @@ UnityDecoration {
       color: rgba(82, 93, 118, 0.5); }
   UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop {
     background-color: transparent;
-    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); }
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }
 
 UnityPanelWidget,
 .unity-panel {
-  background-image: linear-gradient(to bottom, #2f343f);
+  background-image: linear-gradient(to bottom, #2f343f, #2f343f);
   color: #f6f7f9;
   box-shadow: none; }
   UnityPanelWidget:backdrop,
@@ -3611,7 +3611,7 @@ UnityPanelWidget,
 .unity-panel.menubar .menuitem *:hover {
   border-radius: 0;
   color: #ffffff;
-  background-image: linear-gradient(to bottom, #5294e2);
+  background-image: linear-gradient(to bottom, #5294e2, #5294e2);
   border-bottom: none; }
 
 .lightdm.menu {
@@ -3804,7 +3804,7 @@ GraniteWidgetsWelcome {
 
 GraniteWidgetsWelcome label {
   color: #a9acb2;
-  font: open sans 11;
+  font-size: 11px;
   text-shadow: none; }
 
 GraniteWidgetsWelcome .h1,
@@ -3824,7 +3824,7 @@ GraniteWidgetsPopOver {
   margin: 0; }
 
 .popover_bg {
-  background-image: linear-gradient(to bottom, #ffffff);
+  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
   border: 1px solid rgba(0, 0, 0, 0.3); }
 
 GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar,
@@ -3835,13 +3835,13 @@ GraniteWidgetsXsEntry entry {
   padding: 4px; }
 
 .h1 {
-  font: open sans 24px; }
+  font-size: 24px; }
 
 .h2 {
-  font: open sans light 18px; }
+  font-size: 18px; }
 
 .h3 {
-  font: open sans 11px; }
+  font-size: 11px; }
 
 .h4,
 .category-label {
@@ -3858,24 +3858,24 @@ GtkListBox .h4 {
 #panel_window {
   background-color: #2b2e37;
   color: #BAC3CF;
-  font: bold;
+  font-weight: bold;
   box-shadow: inset 0 -1px #1b1d23; }
   #panel_window menubar,
   #panel_window menubar > menuitem {
     background-color: transparent;
     color: #BAC3CF;
-    font: bold; }
+    font-weight: bold; }
   #panel_window menubar menuitem:disabled {
     color: rgba(186, 195, 207, 0.5); }
     #panel_window menubar menuitem:disabled label {
       color: inherit; }
   #panel_window menubar menu > menuitem {
-    font: normal; }
+    font-weight: normal; }
 
 #login_window,
 #shutdown_dialog,
 #restart_dialog {
-  font: normal;
+  font-weight: normal;
   border-style: none;
   background-color: transparent;
   color: #5c616c; }
@@ -3942,9 +3942,9 @@ GtkListBox .h4 {
 
 #login_window #user_combobox {
   color: #5c616c;
-  font: 13px; }
+  font-size: 13px; }
   #login_window #user_combobox menu {
-    font: normal; }
+    font-weight: normal; }
 
 #user_image {
   padding: 3px;
@@ -3990,17 +3990,17 @@ GtkListBox .h4 {
 
 #greeter_infobar {
   border-bottom-width: 0;
-  font: bold; }
+  font-weight: bold; }
 
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to top, #353945); }
+  background-image: linear-gradient(to bottom, #353945, #353945); }
   .nautilus-window paned > separator:dir(ltr) {
     margin-left: -1px; }
   .nautilus-window paned > separator:dir(rtl) {
     margin-right: -1px; }
 
 filechooser paned > separator {
-  background-image: linear-gradient(to top, #353945); }
+  background-image: linear-gradient(to bottom, #353945, #353945); }
 
 filechooser.csd.background, filechooser placessidebar list,
 .nautilus-window.csd.background,
@@ -4121,10 +4121,10 @@ filechooser actionbar {
   background-color: #ffffff; }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to top, #353945); }
+  background-image: linear-gradient(to bottom, #353945, #353945); }
 
 .gedit-bottom-panel-paned > separator {
-  background-image: linear-gradient(to top, #dcdfe3); }
+  background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); }
 
 .gedit-document-panel {
   background-color: #353945; }
diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css
index 2e42f46..45e43cd 100644
--- a/common/gtk-3.0/3.20/gtk.css
+++ b/common/gtk-3.0/3.20/gtk.css
@@ -1028,7 +1028,7 @@ window.csd > .titlebar:not(headerbar):backdrop {
   box-shadow: none; }
 
 .titlebar:not(headerbar) > separator {
-  background-image: linear-gradient(to top, rgba(212, 213, 219, 0.95)); }
+  background-image: linear-gradient(to bottom, rgba(212, 213, 219, 0.95), rgba(212, 213, 219, 0.95)); }
 
 .primary-toolbar separator, headerbar separator.titlebutton, .titlebar:not(headerbar) separator.titlebutton {
   min-width: 1px;
@@ -1434,14 +1434,14 @@ treeview.view {
   treeview.view.progressbar, treeview.view.progressbar:focus {
     color: #ffffff;
     border-radius: 3px;
-    background-image: linear-gradient(to bottom, #5294e2); }
+    background-color: #5294e2; }
     treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus {
       color: #5294e2;
       box-shadow: none;
-      background-image: linear-gradient(to bottom, #ffffff); }
+      background-color: #ffffff; }
   treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus {
     color: #5c616c;
-    background-image: linear-gradient(to bottom, #cfd6e6);
+    background-color: #cfd6e6;
     border-radius: 3px;
     border-width: 0; }
   treeview.view header button {
@@ -1833,7 +1833,7 @@ scrollbar {
     min-height: 40px; }
 
 switch {
-  font: 1;
+  font-size: 1px;
   min-width: 52px;
   min-height: 24px;
   background-size: 52px 24px;
@@ -2624,7 +2624,7 @@ placessidebar row {
   placessidebar row.sidebar-placeholder-row {
     padding: 0 8px;
     min-height: 2px;
-    background-image: linear-gradient(to top, #F08437);
+    background-image: linear-gradient(to bottom, #F08437, #F08437);
     background-clip: content-box; }
   placessidebar row.sidebar-new-bookmark-row {
     color: #5294e2; }
@@ -2654,15 +2654,15 @@ paned > separator {
   -gtk-icon-source: none;
   border-style: none;
   background-color: transparent;
-  background-image: linear-gradient(to top, #dcdfe3);
+  background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3);
   background-size: 1px 1px; }
   paned > separator:selected {
-    background-image: linear-gradient(to top, #5294e2); }
+    background-image: linear-gradient(to bottom, #5294e2, #5294e2); }
   paned > separator.wide {
     min-width: 5px;
     min-height: 5px;
     background-color: #F5F6F7;
-    background-image: linear-gradient(to top, #dcdfe3), linear-gradient(to top, #dcdfe3);
+    background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3), linear-gradient(to bottom, #dcdfe3, #dcdfe3);
     background-size: 1px 1px, 1px 1px; }
 
 paned.horizontal > separator {
@@ -2907,7 +2907,7 @@ popover.background.touch-selection, .csd popover.background.touch-selection {
   font: initial; }
 
 .monospace {
-  font: Monospace; }
+  font-family: Monospace; }
 
 button.circular, button.nautilus-circular-button.image-button,
 button.circular-button {
@@ -3516,7 +3516,7 @@ button.documents-favorite:active:hover {
   border: 1px solid rgba(0, 0, 0, 0.35);
   border-radius: 3px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-  background-image: linear-gradient(to bottom, white);
+  background-image: linear-gradient(to bottom, white, white);
   background-color: transparent; }
   .gala-notification .title, .gala-notification .label {
     color: #5c616c; }
@@ -3588,7 +3588,7 @@ UnityDecoration {
     border-bottom-width: 0;
     border-radius: 4px 4px 0 0;
     padding: 1px 6px 0 6px;
-    background-image: linear-gradient(to bottom, #e7e8eb);
+    background-image: linear-gradient(to bottom, #e7e8eb, #e7e8eb);
     color: rgba(82, 93, 118, 0.8);
     box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); }
     UnityDecoration.top:backdrop {
@@ -3596,11 +3596,11 @@ UnityDecoration {
       color: rgba(82, 93, 118, 0.5); }
   UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop {
     background-color: transparent;
-    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1)); }
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); }
 
 UnityPanelWidget,
 .unity-panel {
-  background-image: linear-gradient(to bottom, #2f343f);
+  background-image: linear-gradient(to bottom, #2f343f, #2f343f);
   color: #f6f7f9;
   box-shadow: none; }
   UnityPanelWidget:backdrop,
@@ -3611,7 +3611,7 @@ UnityPanelWidget,
 .unity-panel.menubar .menuitem *:hover {
   border-radius: 0;
   color: #ffffff;
-  background-image: linear-gradient(to bottom, #5294e2);
+  background-image: linear-gradient(to bottom, #5294e2, #5294e2);
   border-bottom: none; }
 
 .lightdm.menu {
@@ -3804,7 +3804,7 @@ GraniteWidgetsWelcome {
 
 GraniteWidgetsWelcome label {
   color: #a9acb2;
-  font: open sans 11;
+  font-size: 11px;
   text-shadow: none; }
 
 GraniteWidgetsWelcome .h1,
@@ -3824,7 +3824,7 @@ GraniteWidgetsPopOver {
   margin: 0; }
 
 .popover_bg {
-  background-image: linear-gradient(to bottom, #ffffff);
+  background-image: linear-gradient(to bottom, #ffffff, #ffffff);
   border: 1px solid rgba(0, 0, 0, 0.3); }
 
 GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar,
@@ -3835,13 +3835,13 @@ GraniteWidgetsXsEntry entry {
   padding: 4px; }
 
 .h1 {
-  font: open sans 24px; }
+  font-size: 24px; }
 
 .h2 {
-  font: open sans light 18px; }
+  font-size: 18px; }
 
 .h3 {
-  font: open sans 11px; }
+  font-size: 11px; }
 
 .h4,
 .category-label {
@@ -3858,24 +3858,24 @@ GtkListBox .h4 {
 #panel_window {
   background-color: rgba(43, 46, 55, 0.95);
   color: #BAC3CF;
-  font: bold;
+  font-weight: bold;
   box-shadow: inset 0 -1px rgba(27, 29, 35, 0.95); }
   #panel_window menubar,
   #panel_window menubar > menuitem {
     background-color: transparent;
     color: #BAC3CF;
-    font: bold; }
+    font-weight: bold; }
   #panel_window menubar menuitem:disabled {
     color: rgba(186, 195, 207, 0.5); }
     #panel_window menubar menuitem:disabled label {
       color: inherit; }
   #panel_window menubar menu > menuitem {
-    font: normal; }
+    font-weight: normal; }
 
 #login_window,
 #shutdown_dialog,
 #restart_dialog {
-  font: normal;
+  font-weight: normal;
   border-style: none;
   background-color: transparent;
   color: #5c616c; }
@@ -3942,9 +3942,9 @@ GtkListBox .h4 {
 
 #login_window #user_combobox {
   color: #5c616c;
-  font: 13px; }
+  font-size: 13px; }
   #login_window #user_combobox menu {
-    font: normal; }
+    font-weight: normal; }
 
 #user_image {
   padding: 3px;
@@ -3990,17 +3990,17 @@ GtkListBox .h4 {
 
 #greeter_infobar {
   border-bottom-width: 0;
-  font: bold; }
+  font-weight: bold; }
 
 .nautilus-window paned > separator {
-  background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); }
+  background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); }
   .nautilus-window paned > separator:dir(ltr) {
     margin-left: -1px; }
   .nautilus-window paned > separator:dir(rtl) {
     margin-right: -1px; }
 
 filechooser paned > separator {
-  background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); }
+  background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); }
 
 filechooser.csd.background, filechooser placessidebar list,
 .nautilus-window.csd.background,
@@ -4121,10 +4121,10 @@ filechooser actionbar {
   background-color: #ffffff; }
 
 .gedit-side-panel-paned > separator {
-  background-image: linear-gradient(to top, rgba(53, 57, 69, 0.95)); }
+  background-image: linear-gradient(to bottom, rgba(53, 57, 69, 0.95), rgba(53, 57, 69, 0.95)); }
 
 .gedit-bottom-panel-paned > separator {
-  background-image: linear-gradient(to top, #dcdfe3); }
+  background-image: linear-gradient(to bottom, #dcdfe3, #dcdfe3); }
 
 .gedit-document-panel {
   background-color: rgba(53, 57, 69, 0.95); }
diff --git a/common/gtk-3.0/3.20/sass/_applications.scss b/common/gtk-3.0/3.20/sass/_applications.scss
index 3bd8448..de316cd 100644
--- a/common/gtk-3.0/3.20/sass/_applications.scss
+++ b/common/gtk-3.0/3.20/sass/_applications.scss
@@ -572,7 +572,7 @@ button.documents-favorite:active:hover {
     border: 1px solid rgba(0, 0, 0, 0.35);
     border-radius: 3px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    background-image: linear-gradient(to bottom, white);
+    background-image: _solid(white);
     background-color: transparent;
 
   .title, .label {
diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss
index fa080ee..08e1160 100644
--- a/common/gtk-3.0/3.20/sass/_common.scss
+++ b/common/gtk-3.0/3.20/sass/_common.scss
@@ -1096,7 +1096,7 @@ headerbar {
     }
   }
 
-  > separator { background-image: linear-gradient(to top, $header_border); }
+  > separator { background-image: _solid($header_border); }
 
   @extend %titlebar;
 }
@@ -1474,17 +1474,17 @@ treeview.view {
   &.progressbar, &.progressbar:focus { // progress bar in treeviews
     color: $selected_fg_color;
     border-radius: 3px;
-    background-image: linear-gradient(to bottom, $selected_bg_color);
+    background-color: $selected_bg_color;
 
     &:selected, &:selected:focus {
       color: $selected_bg_color;
       box-shadow: none;
-      background-image: linear-gradient(to bottom, $selected_fg_color);
+      background-color: $selected_fg_color;
     }
   }
   &.trough, &.trough:selected, &.trough:selected:focus { // progress bar trough in treeviews
     color: $fg_color;
-    background-image: linear-gradient(to bottom, $button_border);
+    background-color: $button_border;
     border-radius: 3px;
     border-width: 0;
   }
@@ -1937,7 +1937,7 @@ scrollbar {
 // Switches
 //
 switch {
-  font: 1;
+  font-size: 1px;
 
   min-width: 52px;
   min-height: 24px;
@@ -2681,7 +2681,7 @@ placessidebar {
     &.sidebar-placeholder-row {
       padding: 0 8px;
       min-height: 2px;
-      background-image: linear-gradient(to top, $drop_target_color);
+      background-image: _solid($drop_target_color);
       background-clip: content-box;
     }
 
@@ -2731,16 +2731,16 @@ paned {
     -gtk-icon-source: none;
     border-style: none;
     background-color: transparent;
-    background-image: linear-gradient(to top, $borders_color);
+    background-image: _solid($borders_color);
     background-size: 1px 1px;
 
-    &:selected { background-image: linear-gradient(to top, $selected_bg_color); }
+    &:selected { background-image: _solid($selected_bg_color); }
 
     &.wide {
       min-width: 5px;
       min-height: 5px;
       background-color: $bg_color;
-      background-image: linear-gradient(to top, $borders_color), linear-gradient(to top, $borders_color);
+      background-image: _solid($borders_color), _solid($borders_color);
       background-size: 1px 1px, 1px 1px;
     }
   }
@@ -2997,7 +2997,7 @@ colorchooser .popover.osd { border-radius: 3px; }
 
 // Decouple the font of context menus from their entry/textview
 .context-menu { font: initial; }
-.monospace { font: Monospace; }
+.monospace { font-family: Monospace; }
 
 //
 // Shortcuts Help
diff --git a/common/gtk-3.0/3.20/sass/_drawing.scss b/common/gtk-3.0/3.20/sass/_drawing.scss
index 43190a3..7bbd93a 100644
--- a/common/gtk-3.0/3.20/sass/_drawing.scss
+++ b/common/gtk-3.0/3.20/sass/_drawing.scss
@@ -1,5 +1,10 @@
 // Drawing mixins
 
+// Solid color image
+@function _solid($c) {
+  @return linear-gradient(to bottom, $c, $c);
+}
+
 // Entries
 
 @mixin entry($t) {
diff --git a/common/gtk-3.0/3.20/sass/_granite.scss b/common/gtk-3.0/3.20/sass/_granite.scss
index a491d31..a564d55 100644
--- a/common/gtk-3.0/3.20/sass/_granite.scss
+++ b/common/gtk-3.0/3.20/sass/_granite.scss
@@ -151,7 +151,7 @@ GraniteWidgetsWelcome {
 
 GraniteWidgetsWelcome label {
   color: mix($fg_color, $bg_color, 50%);
-  font: open sans 11;
+  font-size: 11px;
   text-shadow: none;
 }
 
@@ -182,7 +182,7 @@ GraniteWidgetsPopOver {
 }
 
 .popover_bg {
-  background-image: linear-gradient(to bottom, $base_color);
+  background-image: _solid($base_color);
   border: 1px solid transparentize(black, 0.7);
 }
 
@@ -199,9 +199,9 @@ GraniteWidgetsXsEntry entry { padding: 4px; }
 //
 // Text Styles
 //
-.h1 { font: open sans 24px; }
-.h2 { font: open sans light 18px; }
-.h3 { font: open sans 11px; }
+.h1 { font-size: 24px; }
+.h2 { font-size: 18px; }
+.h3 { font-size: 11px; }
 .h4,
 .category-label {
     color: mix($bg_color, $text_color, 30%);
diff --git a/common/gtk-3.0/3.20/sass/_lightdm.scss b/common/gtk-3.0/3.20/sass/_lightdm.scss
index e5e5530..0b91ff2 100644
--- a/common/gtk-3.0/3.20/sass/_lightdm.scss
+++ b/common/gtk-3.0/3.20/sass/_lightdm.scss
@@ -2,7 +2,7 @@
 #panel_window {
   background-color: $panel_bg;
   color: $panel_fg;
-  font: bold;
+  font-weight: bold;
   box-shadow: inset 0 -1px darken($panel_bg, 7%);
 
   // the menubars/menus of the panel, i.e. indicators
@@ -10,7 +10,7 @@
   menubar > menuitem {
     background-color: transparent;
     color: $panel_fg;
-    font: bold;
+    font-weight: bold;
   }
 
   menubar menuitem:disabled {
@@ -18,14 +18,14 @@
 
     label { color: inherit; }
   }
-  menubar menu > menuitem { font: normal; }
+  menubar menu > menuitem { font-weight: normal; }
 }
 
 // the login window
 #login_window,
 #shutdown_dialog,
 #restart_dialog {
-  font: normal;
+  font-weight: normal;
   border-style: none;
   background-color: transparent;
   color: $fg_color;
@@ -72,9 +72,9 @@
 
 #login_window #user_combobox {
   color: $fg_color;
-  font: 13px;
+  font-size: 13px;
 
-  menu { font: normal; }
+  menu { font-weight: normal; }
 }
 
 // the user's avatar box
@@ -102,5 +102,5 @@
 // the warning, in case a wrong password is entered or something else goes wrong according to PAM
 #greeter_infobar {
   border-bottom-width: 0;
-  font: bold;
+  font-weight: bold;
 }
diff --git a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss
index f6966a5..2b59744 100644
--- a/common/gtk-3.0/3.20/sass/_transparent_widgets.scss
+++ b/common/gtk-3.0/3.20/sass/_transparent_widgets.scss
@@ -3,7 +3,7 @@
 //.nemo-window,
 .nautilus-window {
   paned > separator {
-    background-image: linear-gradient(to top, $dark_sidebar_border);
+    background-image: _solid($dark_sidebar_border);
 
     @if $variant=='light' {
       &:dir(ltr) { margin-left: -1px; }
@@ -12,7 +12,7 @@
   }
 }
 
-filechooser paned > separator { background-image: linear-gradient(to top, $dark_sidebar_border); }
+filechooser paned > separator { background-image: _solid($dark_sidebar_border); }
 
 // Dark transparent sidebars
 filechooser,
@@ -145,8 +145,8 @@ filechooser {
 // Gedit
 .gedit-bottom-panel-paned { background-color: $base_color; }
 
-.gedit-side-panel-paned > separator { background-image: linear-gradient(to top, $dark_sidebar_border); }
-.gedit-bottom-panel-paned > separator { background-image: linear-gradient(to top, $borders_color); }
+.gedit-side-panel-paned > separator { background-image: _solid($dark_sidebar_border); }
+.gedit-bottom-panel-paned > separator { background-image: _solid($borders_color); }
 
 .gedit-document-panel {
   background-color: $dark_sidebar_bg;
diff --git a/common/gtk-3.0/3.20/sass/_unity.scss b/common/gtk-3.0/3.20/sass/_unity.scss
index f83e73c..b851ec9 100644
--- a/common/gtk-3.0/3.20/sass/_unity.scss
+++ b/common/gtk-3.0/3.20/sass/_unity.scss
@@ -23,28 +23,28 @@ UnityDecoration {
     border-radius: 4px 4px 0 0;
     padding: 1px 6px 0 6px;
 
-    background-image: linear-gradient(to bottom, opacify($header_bg, 1));
+    background-image: _solid(opacify($header_bg, 1));
     color: $header_fg;                         // The foreground color will be used to paint the text
 
     box-shadow: inset 0  1px lighten($header_bg, 3%);
 
     &:backdrop {
       border-bottom-width: 0;
-      //background-image: linear-gradient(to bottom, opacify($header_bg_backdrop, 1));
+      //background-image: _solid(opacify($header_bg_backdrop, 1));
       color: transparentize($header_fg, 0.3);
     }
   }
   &.left, &.right, &.bottom,
   &.left:backdrop, &.right:backdrop, &.bottom:backdrop {
     background-color: transparent;
-    background-image: linear-gradient(to bottom, if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9)));
+    background-image: _solid(if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9)));
   }
 }
 
 // Panel Style
 UnityPanelWidget,
 .unity-panel {
-  background-image: linear-gradient(to bottom, #2f343f);
+  background-image: _solid(#2f343f);
   color: lighten($panel_fg, 20%);
   box-shadow: none;
 
@@ -55,7 +55,7 @@ UnityPanelWidget,
 .unity-panel.menubar .menuitem *:hover {
   border-radius: 0;
   color: $selected_fg_color;
-  background-image: linear-gradient(to bottom, $selected_bg_color);
+  background-image: _solid($selected_bg_color);
   border-bottom: none;
 }