From 27afa920d579341679db287b47348bad6282a55c Mon Sep 17 00:00:00 2001 From: Satyajit Sahoo Date: Mon, 9 Sep 2013 14:11:59 +0530 Subject: [PATCH] Initial support for client side decorations --- gtk-3.0/gtk-widgets.css | 83 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 83 insertions(+) diff --git a/gtk-3.0/gtk-widgets.css b/gtk-3.0/gtk-widgets.css index 8a9fcdb..64d3735 100644 --- a/gtk-3.0/gtk-widgets.css +++ b/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); +}