summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--desktop-themes/TraditionalOkTest/gtk-3.0/mate-applications.css120
1 files changed, 73 insertions, 47 deletions
diff --git a/desktop-themes/TraditionalOkTest/gtk-3.0/mate-applications.css b/desktop-themes/TraditionalOkTest/gtk-3.0/mate-applications.css
index 3ec81844..7562bcb9 100644
--- a/desktop-themes/TraditionalOkTest/gtk-3.0/mate-applications.css
+++ b/desktop-themes/TraditionalOkTest/gtk-3.0/mate-applications.css
@@ -74,15 +74,24 @@ CajaNavigationWindow.background .view.caja-canvas-item:selected {
* mate-panel *
***************/
-.mate-panel-menu-bar,
-MatePanelApplet > GtkMenuBar.menubar,
-PanelToplevel,
-PanelWidget,
-PanelFrame,
-PanelAppletFrame,
-MatePanelAppletFrameDBus,
-MatePanelAppletContainer,
-MatePanelApplet {
+/* first make all transparent */
+WnckSelector.menubar,
+PanelMenuBar.menubar,
+WnckSelector GtkMenuItem,
+PanelMenuBar GtkMenuItem,
+#clock-applet-button.button,
+MatePanelApplet GtkToggleButton.button,
+PanelToplevel.background,
+.mate-panel-menu-bar {
+ background-color: transparent;
+ background: transparent;
+ border-image: none;
+ background-image: none;
+ box-shadow: none;
+}
+
+PanelToplevel.background.horizontal,
+.mate-panel-menu-bar {
background-image: -gtk-gradient (linear,
left top,
left bottom,
@@ -102,17 +111,15 @@ MatePanelApplet {
/* set selected menubar button */
PanelMenuBar.menubar .menuitem:hover {
+ background-image: none;
background-color: shade(@theme_selected_bg_color, 1.1);
- border-style: solid;
- border-width: 1px 1px 0px;
- border-color: @menubar_menuitem_hover_border_color;
- border-radius: 3px 3px 0 0;
- color: @menubar_menuitem_hover_color;
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@menubar_menuitem_hover_gradient_a),
- to (@menubar_menuitem_hover_gradient_d));
+ border-style: none;
+ border-image: none;
+ /* join menuitem to menu */
+ border-radius: 3px 3px 0px 0px;
+ border-width: 0px;
+ text-shadow: none;
+ padding: 3px 5px;
}
/* set menubar menuitem */
@@ -121,21 +128,20 @@ PanelMenuBar.menubar .menu .menuitem {
color: @theme_text_color;
border-style: solid;
border-width: 1px;
- border-radius: 3px;
- border-color: @theme_base_color;
+ border-radius: 0px;
+ border-color: alpha(@theme_bg_color, 0.1);
padding: 6px 5px;
}
/* set selected menubar menuitem */
-PanelMenuBar.menubar .menu .menuitem:checked:hover,
-PanelMenuBar.menubar .menu .menuitem:active:hover,
PanelMenuBar.menubar .menu .menuitem:hover {
background-image: none;
- color: @theme_selected_fg_color;
+ color: @theme_text_color;
border-style: solid;
border-width: 1px;
- border-radius: 3px;
+ border-radius: 0px;
border-color: alpha(@theme_selected_bg_color, 0.1);
+ padding: 6px 5px;
}
MatePanelApplet {
@@ -152,15 +158,11 @@ PanelSeparator {
/* desktop-applet, clockapplet, drivemount, character-map,
dictionary */
MatePanelApplet .button {
- /* Due to a bug somewhere in gtk or cairo,
- a padding of zero (or even one) doesn't work always!!! */
padding: 0px;
-
border-radius: 3px;
border-width: 1px;
border-style: solid;
text-shadow: none;
-
color: @theme_fg_color;
background-image: -gtk-gradient (linear,
left top,
@@ -171,11 +173,13 @@ MatePanelApplet .button {
to (@button_gradient_d));
}
+#clock-applet-button.button.flat:checked:hover,
+#clock-applet-button.button.flat:checked,
MatePanelApplet .button:checked:hover,
-MatePanelApplet .button:checked,
-MatePanelApplet .button:active:hover,
-MatePanelApplet .button:active {
+MatePanelApplet .button:checked {
border-style: solid;
+ border-width: 1px;
+ border-color: @border_color;
background-image: linear-gradient(to bottom,
@button_active_gradient_a,
@button_active_gradient_b 3px,
@@ -185,37 +189,42 @@ MatePanelApplet .button:active {
@button_active_gradient_f);
}
+#clock-applet-button.button.flat:hover,
MatePanelApplet .button:hover {
border-style: solid;
+ border-width: 1px;
+ border-color: @border_color;
background-image: linear-gradient(to bottom,
@button_gradient_color_b,
@button_gradient_color_a);
}
+#clock-applet-button.button.flat {
+ border-style: solid;
+ border-color: transparent;
+ border-width: 1px;
+}
+
/*Wncklist */
-WnckTasklist .button {
- padding: 0px;
+WnckTasklist .button.flat {
+ padding: 4px 2px;
border-radius: 3px;
border-width: 1px;
border-style: solid;
+ border-color: transparent;
text-shadow: none;
-
color: @theme_fg_color;
background-color: transparent;
- background-image: -gtk-gradient (linear,
- left top,
- left bottom,
- from (@button_gradient_a),
- color-stop (0.50, @button_gradient_b),
- color-stop (0.50, @button_gradient_c),
- to (@button_gradient_d));
+ background-image: none;
}
-WnckTasklist .button:checked:hover,
-WnckTasklist .button:checked,
-WnckTasklist .button:active:hover,
-WnckTasklist .button:active {
+WnckTasklist .button.flat:checked:hover,
+WnckTasklist .button.flat:checked {
+ padding: 4px 2px;
border-style: solid;
+ border-width: 1px;
+ border-radius: 3px;
+ border-color: @border_color;
background-color: transparent;
background-image: linear-gradient(to bottom,
@button_active_gradient_a,
@@ -226,8 +235,11 @@ WnckTasklist .button:active {
@button_active_gradient_f);
}
-WnckTasklist .button:hover {
+WnckTasklist .button.flat:hover {
+ padding: 4px 2px;
border-style: solid;
+ border-width: 1px;
+ border-radius: 3px;
background-color: transparent;
background-image: linear-gradient(to bottom,
@button_hover_gradient_c);
@@ -247,6 +259,20 @@ MatePanelApplet > WnckSelector.menubar .menuitem:hover {
@button_active_gradient_f);
}
+/* set selected button WnckSelector */
+.mate-panel-window-menu-menu-bar .menuitem:hover,
+MatePanelApplet > WnckSelector.menubar .menuitem:hover {
+ color: @theme_fg_color;
+ border-style: solid;
+ background-image: linear-gradient(to bottom,
+ @button_active_gradient_a,
+ @button_active_gradient_b 3px,
+ @button_active_gradient_c 4px,
+ @button_active_gradient_d 50%,
+ @button_active_gradient_e 50%,
+ @button_active_gradient_f);
+}
+
/* set WnckSelector selected menuitem */
.mate-panel-window-menu-menu-bar .menu .menuitem:hover,
MatePanelApplet > WnckSelector.menubar .menu .menuitem:hover {