Initial support for client side decorations

gtk-3.0/gtk-widgets.css

@@ -2915,3 +2915,86 @@ GtkBubbleWindow.osd.background {
 GtkBubbleWindow .toolbar {
     background-color: transparent;
 }
+
+/*******
+ * CSD *
+ *******/
+.titlebar {
+    border-radius: 2px 2px 0 0;
+    background-image: none;
+    background-color: @theme_bg_color;
+    text-shadow: none;
+}
+
+/* this is the default titlebar that is added by GTK
+ * when client-side decorations are in use and the application
+ * did not set a custom titlebar.
+ */
+.titlebar.default-decoration {
+    border: none;
+    box-shadow: none;
+}
+
+.titlebar .title {
+    font: bold;
+}
+
+.titlebar:backdrop {
+    background-image: none;
+    background-color: @theme_bg_color;
+    text-shadow: none;
+}
+
+.titlebar .titlebutton {
+    border-width: 1px 1px 2px 1px;
+    border-style: solid;
+    border-color: transparent;
+    border-radius: 2px;
+    padding: 5px 5px 6px 5px;
+    background: none;
+    color: @theme_fg_color;
+}
+
+.titlebar .titlebutton:hover {
+    background: none;
+    color: @theme_selected_bg_color;
+}
+
+.titlebar .titlebutton:active {
+    background: none;
+    color: shade(@theme_selected_bg_color, 0.9);
+}
+
+.titlebar .right .titlebutton:first-child {
+    border-left: 1px solid shade(@theme_bg_color, 0.9);
+}
+
+.titlebar .right .titlebutton:last-child {
+}
+
+.titlebar .left .titlebutton:last-child {
+    border-right: 1px solid shade(@theme_bg_color, 0.9);
+}
+
+.titlebar .left .titlebutton:first-child {
+}
+
+.titlebar .titlebutton:backdrop {
+    background-image: none;
+    color: alpha(@theme_fg_color, 0.7);
+}
+
+.window-frame {
+    border-width: 1px;
+    border-style: solid;
+    border-color: darker(@theme_bg_color);
+    border-radius: 2px 2px 0 0;
+    box-shadow: 0 2px 8px 3px alpha(black, 0.7);
+
+    /* this is used for the resize cursor area */
+    margin: 10px;
+}
+
+.window-frame:backdrop {
+    box-shadow: 0 2px 5px 1px alpha(black, 0.7);
+}