Menu item buttons are properly shown

source/ubl-settings-resourcequota.c

@@ -183,7 +183,9 @@ main_window *setup_window(){
     widgets->LeftBox = yon_gtk_builder_get_widget(builder,"HeaderLeftBox");
 
     widgets->DocumentationMenuItem = yon_ubl_menu_item_documentation_new(DOCUMENTATION_LABEL);
+    gtk_style_context_add_class(gtk_widget_get_style_context(widgets->DocumentationMenuItem),"aaa");
     widgets->AboutMenuItem = yon_ubl_menu_item_about_new(ABOUT_LABEL);
+    gtk_style_context_add_class(gtk_widget_get_style_context(widgets->AboutMenuItem),"aaa");
     GtkWidget *menu = yon_gtk_builder_get_widget(builder,"menuAbout");
     gtk_menu_shell_append(GTK_MENU_SHELL(menu),widgets->DocumentationMenuItem);
     gtk_menu_shell_append(GTK_MENU_SHELL(menu),widgets->AboutMenuItem);

ubl-settings-resourcequota.css

@@ -1,57 +1,39 @@
+.noborder {
+	border:none;
+}
 .textHead{
     text-shadow: 2px 2px @theme_bg_color;
 	color: @theme_text_color;
 }
-.boxInfoMessError{
-  background-color: #ea9999;
-}
-.boxInfoMessOK{
-  background-color: #f3f0ac;
-}
-.bannerbackground {
-  background-color: #404040;
-}
-.view_app {
-  background-color: @theme_bg_color;
-}
-.view_app.view.cell:selected {
-  background-color:@theme_selected_bg_color;
-	color:@theme_selected_text_color;
-	transition: 10ms ease-out;
-  border-radius: 3px;
-}
-#GnomeIcon{
-  border-style:solid;
-  border-bottom-width: 1px;
-  border-image: linear-gradient(90deg, alpha(@theme_text_color,0.4) 55%, alpha(@theme_bg_color, 0) 100%);
-  border-image-slice: 1;
+.thin {
+	margin:0px;
+	padding:0px;
 }
-
-#SepIcon{
-  background-color: alpha(@theme_text_color, 0.6);
+.inherited>* {
+	border:none;
+	background:inherit;
 }
-
-#iconlabel {
-  font-size:14px;
-  font-weight: bold;
-  
+.opacited {
+	opacity:0.98;
 }
-.roundborder * {
-  border-width:0px;
-  border-radius:5px;
+.borders {
+border-radius: 2px;
+border-width: 1px;
+border-color: @theme_text_color;
 }
-.noborder {
-  border: none;
+.workingbg {
+	background:@theme_base_color;
 }
-.menu:hover {	
-    border-color:alpha(@theme_text_color, 0.01);
+.textoutline {
+	text-shadow: 0.5px 0 0.5px @theme_bg_color, 
+0 0.5px 0.5px @theme_bg_color, 
+-0.5px 0 0.5px @theme_bg_color, 
+0 -0.5px 0.5px @theme_bg_color;
 }
-.menu {	
-    border-color:alpha(@theme_text_color, 0.01);
+.nobackground {
+	background: none;
 }
-.menu:hover >* {
-  border-color:alpha(@theme_text_color, 0.01);
-}.menuitembottom{
+.menuitembottom{
 	margin-top:0px;
 	margin-bottom:3px;
 	border-color:inherit;
@@ -73,25 +55,19 @@
 	border-left-width:inherit;
 	border-right-width:inherit;
   }
-  .menuitemtop *{
+  .menuitemtop>*{
 	margin:2px 2px 0 2px;
-	padding-top:2px;
-	padding-bottom:2px;
-	/* padding: 5px 0px 3px 5px; */
+	padding: 5px 10px 3px 5px;
 	border:transparent;
   }
-  .menuitemmiddle *{
+  .menuitemmiddle>*{
 	margin:0 2px 0 2px;
-	padding-top:2px;
-	padding-bottom:2px;
-	/* padding: 3px 0px 3px 5px; */
+	padding: 3px 10px 3px 5px;
 	border:transparent;
   }
-  .menuitembottom *{
+  .menuitembottom>*{
 	margin:0 2px 2px 2px;
-	padding-top:2px;
-	padding-bottom:2px;
-	/* padding: 3px 0px 5px 5px; */
+	padding: 3px 10px 5px 5px;
   }
   .menuitemtop:hover {
 	background:@theme_bg_color;
@@ -114,68 +90,68 @@
 	border-right-width:inherit;
 	
   }
-  .menuitemtop:hover* {
+  .menuitemtop:hover>* {
 	margin:2px 2px 0 2px;
-	padding-top:2px;
-	padding-bottom:2px;
-	/* padding: 5px 0 3px 5px; */
+	padding: 5px 10px 3px 5px;
 	background:@theme_selected_bg_color;
 	border-radius:2px;
   }
-  .menuitemmiddle:hover* {
-	margin:0 2px 0px 2px;
-	padding-top:2px;
-	padding-bottom:2px;
-	/* padding: 3px 0px 3px 5px; */
+  .menuitemmiddle:hover>* {
+	margin:0 2px 0 2px;
+	padding: 3px 10px 3px 5px;
 	background:@theme_selected_bg_color;
 	border-radius:2px;
   }
-  .menuitembottom:hover* {
+  .menuitembottom:hover>* {
 	margin:0 2px 2px 2px;
-	padding-top:2px;
-	padding-bottom:2px;
-	/* padding: 3px 0px 5px 5px; */
+	padding: 3px 10px 5px 5px;
 	background:@theme_selected_bg_color;
 	border-radius:2px;
   }
 
-.workingbg, #workingbg {
-  background-color:@theme_base_color;
-}
-.workingbg.view.cell:selected {
-  background-color:@theme_selected_bg_color;
-}
-.workingbg.view.cell:hover {
-  background-color:darker(@theme_selected_bg_color);
-  color:@theme_selected_text_color;
-  border-radius:3px;
-}
-.bkim {
-  transition: 200ms ease-out;
-      background-image: none;
-}
-.noborder{
-border:none;
+  .boxInfoMessError{
+    background-color: #ea9999;
 }
 
-.bkim{
-opacity:0.99;
-border:none;
+.boxInfoMessOK{
+    background-color: #f3f0ac;
+}
+.nohover {
+	margin:3px 2px 3px 2px;
+	border-radius:2px;
 }
 
-.bkim_no_plug{
+.nohover:hover {
 	background-color: transparent;
-opacity:0.99;
+	margin:3px 2px 3px 2px;
+	border-radius:2px;
+	color:inherit;
 }
 
 
-.thin{
-  margin:0px;
-  padding: 0px;
+.aaa{
+	margin-top:0px;
+	margin-bottom:0px;
+	border-color:inherit;
+	border-left-width:inherit;
+	border-right-width:inherit;
 }
-.nobg{
-  background: none;
+.aaa *{
+  margin:0 2px 0 2px;
+  padding-top: 3px;
+  padding-bottom:3px;
+  border:transparent;
+}
+.aaa:hover {
+  background:@theme_bg_color;
+  border-color:inherit;
+  border-left-width:inherit;
+  border-right-width:inherit;
 }
-.addbg * {
-  background-color: @theme_bg_color;
+.aaa:hover * {
+  margin:0 2px 0 2px;
+  padding-top: 3px;
+  padding-bottom:3px;
+  background:@theme_selected_bg_color;
+  border-radius:2px;
 }