[eGroupWare-svn] r55757 - in /trunk/pixelegg: css/mobile.css css/pixelegg.css less/layout_raster_header.less mobile/fw_mobile.css

[email protected]
Newsgroups gmane.comp.web.egroupware.cvs
Message-ID <[email protected]>
Author: hnategh
Date: Fri Apr 15 15:50:26 2016
New Revision: 55757

URL: http://svn.stylite.de/viewvc/egroupware?rev=55757&view=rev
Log:
Fix topmenu icons not fully shown. Additionally, some cleanup on layout raster

Modified:
    trunk/pixelegg/css/mobile.css
    trunk/pixelegg/css/pixelegg.css
    trunk/pixelegg/less/layout_raster_header.less
    trunk/pixelegg/mobile/fw_mobile.css

Modified: trunk/pixelegg/css/mobile.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/css/mobile.css?rev=55757&r1=55756&r2=55757&view=diff
==============================================================================
--- trunk/pixelegg/css/mobile.css (original)
+++ trunk/pixelegg/css/mobile.css Fri Apr 15 15:50:26 2016
@@ -3662,6 +3662,7 @@
   /*font-size: 1.1em;*/
   font-size: 12px;
   line-height: 1.5em;
+  display: inline-block;
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
   /*color: @gray_10;*/
@@ -3681,76 +3682,53 @@
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home {
   margin-left: 0px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
-  padding-right: 20px;
-  font-size: 12px;
-  content: " ";
   background-image: url(../images/topmenu_items/home.png);
   background-repeat: no-repeat;
-  background-size: 20px 20px;
-  width: 24px;
-  height: 24px;
+  background-size: 16px;
+  padding-left: 20px;
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
   margin-left: 0px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs:before {
-  padding-right: 20px;
-  content: "";
+  background-repeat: no-repeat;
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/setup.png);
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
   background-repeat: no-repeat;
-  /*                        background-size: 20px 20px;*/
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl:before {
-  padding-right: 20px;
-  content: "";
+  background-size: 16px;
+  padding-left: 20px;
+  background-image: url(../images/topmenu_items/access.png);
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-  background-image: url(../images/topmenu_items/access.png);
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/category.png);
-  padding-right: 20px;
-  content: "";
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/password.png);
-  padding-right: 20px;
-  content: "";
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/help.png);
-  padding-right: 20px;
-  content: "";
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/search.png);
-  padding-right: 20px;
-  content: "";
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/logout.png);
-  padding-right: 20px;
-  content: "";
-  background-repeat: no-repeat;
-  width: 16px;
-  height: 16px;
 }
 /* ###################################################
    Slide Effekt

Modified: trunk/pixelegg/css/pixelegg.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/css/pixelegg.css?rev=55757&r1=55756&r2=55757&view=diff
==============================================================================
--- trunk/pixelegg/css/pixelegg.css (original)
+++ trunk/pixelegg/css/pixelegg.css Fri Apr 15 15:50:26 2016
@@ -3651,6 +3651,7 @@
   /*font-size: 1.1em;*/
   font-size: 12px;
   line-height: 1.5em;
+  display: inline-block;
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
   /*color: @gray_10;*/
@@ -3670,76 +3671,53 @@
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home {
   margin-left: 0px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
-  padding-right: 20px;
-  font-size: 12px;
-  content: " ";
   background-image: url(../images/topmenu_items/home.png);
   background-repeat: no-repeat;
-  background-size: 20px 20px;
-  width: 24px;
-  height: 24px;
+  background-size: 16px;
+  padding-left: 20px;
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
   margin-left: 0px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs:before {
-  padding-right: 20px;
-  content: "";
+  background-repeat: no-repeat;
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/setup.png);
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
   background-repeat: no-repeat;
-  /*                        background-size: 20px 20px;*/
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl:before {
-  padding-right: 20px;
-  content: "";
+  background-size: 16px;
+  padding-left: 20px;
+  background-image: url(../images/topmenu_items/access.png);
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-  background-image: url(../images/topmenu_items/access.png);
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/category.png);
-  padding-right: 20px;
-  content: "";
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/password.png);
-  padding-right: 20px;
-  content: "";
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/help.png);
-  padding-right: 20px;
-  content: "";
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/search.png);
-  padding-right: 20px;
-  content: "";
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/logout.png);
-  padding-right: 20px;
-  content: "";
-  background-repeat: no-repeat;
-  width: 16px;
-  height: 16px;
 }
 /* ###################################################
    Slide Effekt

Modified: trunk/pixelegg/less/layout_raster_header.less
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/less/layout_raster_header.less?rev=55757&r1=55756&r2=55757&view=diff
==============================================================================
--- trunk/pixelegg/less/layout_raster_header.less (original)
+++ trunk/pixelegg/less/layout_raster_header.less Fri Apr 15 15:50:26 2016
@@ -20,32 +20,32 @@
 
 
 // Header
-#egw_fw_header{
-
-    width: 100%;
-    float: left;
-
-    /* Logo EGW or Company - left top*/
-    #egw_divLogo {
-                    float: left;
-                    width: 255px;
-                    display: block;
-                    margin-left: -8px;
-                    text-align: center;
-                    height: 45px;
-                    /*.background_color_5_gray;*/
-
-                    img {
-                        max-width: 209px;
-                        border: none;
-                        position: absolute;
-                        top: 0.1em;
-                        left: 1em;
-                        height: 40px;
-                        /*.background_color_5_gray;*/
-                    }
-
-                }
+#egw_fw_header {
+
+	width: 100%;
+	float: left;
+
+	/* Logo EGW or Company - left top*/
+	#egw_divLogo {
+		float: left;
+		width: 255px;
+		display: block;
+		margin-left: -8px;
+		text-align: center;
+		height: 45px;
+		/*.background_color_5_gray;*/
+
+		img {
+			max-width: 209px;
+			border: none;
+			position: absolute;
+			top: 0.1em;
+			left: 1em;
+			height: 40px;
+			/*.background_color_5_gray;*/
+		}
+
+	}
 
 
 /*  ###########################################################################################################################################
@@ -53,166 +53,128 @@
     ###########################################################################################################################################
 */
 
-    #egw_fw_topmenu ul,
-    #egw_fw_topmenu > * > ul > li,
-    .topmenu_info_item,
-    #egw_fw_topmenu_items,
-    #egw_fw_topmenu_info_items {
-        display: inline;
-    }
-
-    #egw_fw_topmenu{
-
-
-
-        #egw_fw_topmenu_items {
-            float: left;
-            padding-top: 14px;
-            width: 70%;
-
-            ul {
-                margin: 5px 2px;
-
-                li{
-                    color: @gray_0;
-                    /*.Button_size_square_32;*/
-                    padding: 8px 10px;
-                    /*.Complete_Button_normal;*/
-                    /*background-color: @gray_10;*/
-
-
-                    &:hover{.Complete_Button_hover; color: @gray_0;}
-                    &:active {.Complete_Button_active;}
-                    .transition (0.2s, ease-out);
-
-                    a {
-                        color: @gray_100;
-                        text-decoration: none;
-                        .dimension_height_l;
-                        /*font-size: 1.1em;*/
-                        .fontsize_l;
-                        line-height: 1.5em;
-
-
-                        &:hover {
-                            /*color: @gray_10;*/
-                            border-color: @gray_50;
-                            text-decoration: none !important;
-                        }
-
-                        &:before {
-                                /*.img_filter_gray;*/
-                                /*-webkit-filter: grayscale(100%) brightness(100%) contrast(100%);*/
-                                /*-webkit-filter: invert(100%);*/
-                        }
-                    }
-
-                }
-
-                /*Home*/
-                li:first-child{
-                    margin-left: 10px;
-                    :before{border: none;}
-                }
-
-                /*home*/
-                a#topmenu_home {
-                    margin-left: 0px;
-                    &:before {
-                        padding-right: 20px;
-                        .fontsize_l;
-                        content: " ";
-                        background-image: url(../images/topmenu_items/home.png);
-                        background-repeat: no-repeat;
-                        background-size: 20px 20px;
-                        .dimension_width_height_m;
-                    }
-
-                }
-
-
-                /*Setup / Einstellungen*/
-                a#topmenu_prefs{
-                    margin-left: 0px;
-                    &:before {
-                        padding-right: 20px;
-                        content: "";
-                        background-image: url(../images/topmenu_items/setup.png);
-                        background-repeat: no-repeat;
-/*                        background-size: 20px 20px;*/
-                        .dimension_width_height_xs;
-                    }
-                }
-
-                /*access / Zugriff */
-                a#topmenu_acl{
-                    &:before {
-                        padding-right: 20px;
-                        content: "";
-                        background-repeat: no-repeat;
-                        .dimension_width_height_xs;
-                        background-image: url(../images/topmenu_items/access.png);
-                    }
-                }
-                /*category*/
-                a#topmenu_cats{
-                    &:before {
-                        background-image: url(../images/topmenu_items/category.png);
-                        padding-right: 20px;
-                        content: "";
-                        background-repeat: no-repeat;
-                        .dimension_width_height_xs;
-                    }
-                }
-                /*password*/
-                a#topmenu_password{
-                    &:before {
-                        background-image: url(../images/topmenu_items/password.png);
-                        padding-right: 20px;
-                        content: "";
-                        background-repeat: no-repeat;
-                        .dimension_width_height_xs;
-                    }
-                }
-                /*help*/
-                a#topmenu_manual{
-                    &:before {
-                        background-image: url(../images/topmenu_items/help.png);
-                        padding-right: 20px;
-                        content: "";
-                        background-repeat: no-repeat;
-                        .dimension_width_height_xs;
-                    }
-                }
-                /*Search*/
-                a#topmenu_search{
-                    &:before {
-                        background-image: url(../images/topmenu_items/search.png);
-                        padding-right: 20px;
-                        content: "";
-                        background-repeat: no-repeat;
-                        .dimension_width_height_xs;
-                    }
-                }
-                /*logout*/
-                a#topmenu_logout{
-                    &:before {
-                        background-image: url(../images/topmenu_items/logout.png);
-                        padding-right: 20px;
-                        content: "";
-                        background-repeat: no-repeat;
-                        .dimension_width_height_s;
-                    }
-                }
-            } // Ende ul
-
-
-        }	// Ende Items
-
-
-    } // Ende Topmenu
-
-
+	#egw_fw_topmenu ul,
+	#egw_fw_topmenu > * > ul > li,
+	.topmenu_info_item,
+	#egw_fw_topmenu_items,
+	#egw_fw_topmenu_info_items {
+		display: inline;
+	}
+
+	#egw_fw_topmenu{
+		#egw_fw_topmenu_items {
+			float: left;
+			padding-top: 14px;
+			width: 70%;
+
+			ul {
+				margin: 5px 2px;
+
+				li{
+					color: @gray_0;
+					/*.Button_size_square_32;*/
+					padding: 8px 10px;
+					/*.Complete_Button_normal;*/
+					/*background-color: @gray_10;*/
+
+
+					&:hover{.Complete_Button_hover; color: @gray_0;}
+					&:active {.Complete_Button_active;}
+					.transition (0.2s, ease-out);
+
+					a {
+						color: @gray_100;
+						text-decoration: none;
+						.dimension_height_l;
+						/*font-size: 1.1em;*/
+						.fontsize_l;
+						line-height: 1.5em;
+						display:inline-block;
+
+						&:hover {
+							/*color: @gray_10;*/
+							border-color: @gray_50;
+							text-decoration: none !important;
+						}
+
+						&:before {
+							/*.img_filter_gray;*/
+							/*-webkit-filter: grayscale(100%) brightness(100%) contrast(100%);*/
+							/*-webkit-filter: invert(100%);*/
+						}
+					}
+				}
+
+				/*Home*/
+				li:first-child{
+					margin-left: 10px;
+					:before{border: none;}
+				}
+
+				/*home*/
+				a#topmenu_home {
+					margin-left: 0px;
+					background-image: url(../images/topmenu_items/home.png);
+					background-repeat: no-repeat;
+					background-size:16px;
+					padding-left: 20px;
+				}
+
+
+				/*Setup / Einstellungen*/
+				a#topmenu_prefs{
+					margin-left: 0px;
+					background-repeat: no-repeat;
+					background-size:16px;
+					padding-left: 20px;
+					background-image: url(../images/topmenu_items/setup.png);
+				}
+
+				/*access / Zugriff */
+				a#topmenu_acl{
+					background-repeat: no-repeat;
+					background-size:16px;
+					padding-left: 20px;
+					background-image: url(../images/topmenu_items/access.png);
+				}
+				/*category*/
+				a#topmenu_cats{
+					background-repeat: no-repeat;
+					background-size:16px;
+					padding-left: 20px;
+					background-image: url(../images/topmenu_items/category.png);
+				}
+				/*password*/
+				a#topmenu_password{
+					background-repeat: no-repeat;
+					background-size:16px;
+					padding-left: 20px;
+					background-image: url(../images/topmenu_items/password.png);
+				}
+				/*help*/
+				a#topmenu_manual{
+					background-repeat: no-repeat;
+					background-size:16px;
+					padding-left: 20px;
+					background-image: url(../images/topmenu_items/help.png);
+				}
+				/*Search*/
+				a#topmenu_search{
+					background-repeat: no-repeat;
+					background-size:16px;
+					padding-left: 20px;
+					background-image: url(../images/topmenu_items/search.png);
+				}
+				/*logout*/
+				a#topmenu_logout{
+					background-repeat: no-repeat;
+					background-size:16px;
+					padding-left: 20px;
+					background-image: url(../images/topmenu_items/logout.png);
+				}
+			} // Ende ul
+		}	// Ende Items
+	} // Ende Topmenu
 } // Ende Header
 
 /* ###################################################
@@ -221,46 +183,44 @@
 
 
 #egw_fw_topmenu_slide{
-    width: auto;
-    text-align: center;
-    height: 15px;
-    float: left;
-    position: fixed;
-    left: 194px;
-
+	width: auto;
+	text-align: center;
+	height: 15px;
+	float: left;
+	position: fixed;
+	left: 194px;
 }
 
  /*ICON List*/
 #egw_fw_topmenu_slide.slidedown{
-    background-image: url("../images/list.png");
-    background-position: center center;
-    height: 15px;
-    width: 15px;
-    display: block;
-    margin-left: 5px;
-    margin-top: 10px;
-    background-size: 15px 15px;
-    float: left;
-    position: relative;
-    left: -5px;
-    cursor: pointer;
+	background-image: url("../images/list.png");
+	background-position: center center;
+	height: 15px;
+	width: 15px;
+	display: block;
+	margin-left: 5px;
+	margin-top: 10px;
+	background-size: 15px 15px;
+	float: left;
+	position: relative;
+	left: -5px;
+	cursor: pointer;
 }
 
 /*Icon ARROW UP*/
 #egw_fw_topmenu_slide.slideup{
-    background-image: url("../images/slideup.png");
-    background-position: center center;
-    height: 15px;
-    width: 15px;
-    display: block;
-    margin-top: -36px;
-    margin-left: 40px;
-    cursor: pointer;
-
+	background-image: url("../images/slideup.png");
+	background-position: center center;
+	height: 15px;
+	width: 15px;
+	display: block;
+	margin-top: -36px;
+	margin-left: 40px;
+	cursor: pointer;
 }
 
 #slidetoggle{
-    width: 20px;
-    height: 20px;
-    display: block;
+	width: 20px;
+	height: 20px;
+	display: block;
 }

Modified: trunk/pixelegg/mobile/fw_mobile.css
URL: http://svn.stylite.de/viewvc/egroupware/trunk/pixelegg/mobile/fw_mobile.css?rev=55757&r1=55756&r2=55757&view=diff
==============================================================================
--- trunk/pixelegg/mobile/fw_mobile.css (original)
+++ trunk/pixelegg/mobile/fw_mobile.css Fri Apr 15 15:50:26 2016
@@ -3673,6 +3673,7 @@
   /*font-size: 1.1em;*/
   font-size: 12px;
   line-height: 1.5em;
+  display: inline-block;
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul li a:hover {
   /*color: @gray_10;*/
@@ -3692,76 +3693,53 @@
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home {
   margin-left: 0px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_home:before {
-  padding-right: 20px;
-  font-size: 12px;
-  content: " ";
   background-image: url(../images/topmenu_items/home.png);
   background-repeat: no-repeat;
-  background-size: 20px 20px;
-  width: 24px;
-  height: 24px;
+  background-size: 16px;
+  padding-left: 20px;
 }
 #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
   margin-left: 0px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs:before {
-  padding-right: 20px;
-  content: "";
+  background-repeat: no-repeat;
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/setup.png);
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
   background-repeat: no-repeat;
-  /*                        background-size: 20px 20px;*/
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl:before {
-  padding-right: 20px;
-  content: "";
+  background-size: 16px;
+  padding-left: 20px;
+  background-image: url(../images/topmenu_items/access.png);
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-  background-image: url(../images/topmenu_items/access.png);
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/category.png);
-  padding-right: 20px;
-  content: "";
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/password.png);
-  padding-right: 20px;
-  content: "";
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/help.png);
-  padding-right: 20px;
-  content: "";
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_search:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/search.png);
-  padding-right: 20px;
-  content: "";
+}
+#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
   background-repeat: no-repeat;
-  width: 12px;
-  height: 12px;
-}
-#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout:before {
+  background-size: 16px;
+  padding-left: 20px;
   background-image: url(../images/topmenu_items/logout.png);
-  padding-right: 20px;
-  content: "";
-  background-repeat: no-repeat;
-  width: 16px;
-  height: 16px;
 }
 /* ###################################################
    Slide Effekt


------------------------------------------------------------------------------
Find and fix application performance issues faster with Applications Manager
Applications Manager provides deep performance insights into multiple tiers of
your business applications. It resolves application problems quickly and
reduces your MTTR. Get your free trial!
https://ad.doubleclick.net/ddm/clk/302982198;130105516;z
lmpx.com only provides a reader for public news (NNTP) servers. It is not affiliated with the servers or forums shown here and is not responsible for the content of articles, which is written by their respective authors.