From caf8916978789d25fe8002f7ef13ecb622af1f64 Mon Sep 17 00:00:00 2001
From: Luzifr <szekely@woltlab.com>
Date: Thu, 27 Oct 2011 20:37:00 +0200
Subject: [PATCH] Fixes main menu

---
 com.woltlab.wcf/template/mainMenu.tpl      |  2 +-
 wcfsetup/install/files/acp/style/style.css | 76 ++++++++++------------
 2 files changed, 37 insertions(+), 41 deletions(-)

diff --git a/com.woltlab.wcf/template/mainMenu.tpl b/com.woltlab.wcf/template/mainMenu.tpl
index 4875655a94..a2cbdf62df 100644
--- a/com.woltlab.wcf/template/mainMenu.tpl
+++ b/com.woltlab.wcf/template/mainMenu.tpl
@@ -2,7 +2,7 @@
 	<nav id="mainMenu" class="mainMenu">
 		<ul>
 			{foreach from=$__wcf->getPageMenu()->getMenuItems('header') item=menuItem}
-				<li{if $__wcf->getPageMenu()->getActiveMenuItem() == $menuItem->menuItem} class="activeMenuItem"{/if}><a href="{$menuItem->menuItemLink}">{$menuItem->menuItem}</a> <span class="badge">{#$menuItem->getProcessor()->getNotifications()}</span>
+				<li{if $__wcf->getPageMenu()->getActiveMenuItem() == $menuItem->menuItem} class="activeMenuItem"{/if}><a href="{$menuItem->menuItemLink}">{$menuItem->menuItem} <span class="badge">{#$menuItem->getProcessor()->getNotifications()}</span></a> 
 				
 				{if $__wcf->getPageMenu()->getMenuItems($menuItem->menuItem)|count > 0}
 					<ul>
diff --git a/wcfsetup/install/files/acp/style/style.css b/wcfsetup/install/files/acp/style/style.css
index 0970fce89a..c84c2c718c 100644
--- a/wcfsetup/install/files/acp/style/style.css
+++ b/wcfsetup/install/files/acp/style/style.css
@@ -251,10 +251,6 @@ nav.topMenu ul li .dropdown > li:first-child {
 /* do not use the class ".loginBox" to style the box! */
 /* Note that the login-box is subject to changes */
 
-#loginBox {
-	
-}
-
 #loginBox dl {
 	margin-right: 20px;
 }
@@ -290,7 +286,7 @@ header.pageHeader div#logo a:hover {
 
 header.pageHeader div#logo img {
 	position: absolute;
-	bottom: 10px;
+	bottom: 20px;
 	left: 0;
 }
 
@@ -298,7 +294,7 @@ header.pageHeader div#logo > a,
 header.pageHeader div#logo > div {
 	text-align: right;
 	display: block;
-	height: 110px;
+	height: 120px;
 }
 
 
@@ -311,7 +307,6 @@ nav.mainMenu {
 	margin: 0 30px;
 	display: block;
 	position: relative;
-	bottom: -7px; /* closes the gap between tabs and menu bar */
 }
 
 nav.mainMenu:after {
@@ -328,18 +323,31 @@ nav.mainMenu ul {
 }
 
 nav.mainMenu ul li {
-	font-size: 123%;
+	font-size: 120%;
+	display: inline-block;
+}
+
+nav.mainMenu ul li.activeMenuItem:first-child {
+	margin: -5px -5px 0 0;
+}
+
+nav.mainMenu ul li.activeMenuItem:last-child {
+	margin: -5px 0 0 -5px;
+}
+
+nav.mainMenu ul li:only-child,
+nav.mainMenu ul li.activeMenuItem:only-child {
+	margin: -5px 0 0;
+}
+
+nav.mainMenu ul li a {
 	font-weight: normal;
 	text-shadow: 0 -1px 0 #000;
 	color: #69c;
 	cursor: pointer;
-	border-top-left-radius: 5px;
-	border-top-right-radius: 5px;
-	margin: 5px 0 0;
 	padding: 10px 20px;
 	display: inline-block;
 	position: relative;
-	top: -7px;
 	z-index: 1;
 	
 	-webkit-transition-property: border, background-color, background-image, color;
@@ -363,15 +371,24 @@ nav.mainMenu ul li {
 	transition-timing-function: ease;
 }
 
-nav.mainMenu ul li:hover {
+nav.mainMenu ul li a,
+nav.mainMenu ul li:hover a {
+	text-decoration: none;
+}
+
+nav.mainMenu ul li:not(.activeMenuItem):hover a {
 	color: #fff;
 }
 
-nav.mainMenu ul li.activeMenuItem {
-	text-shadow: 0 1px 0 #fff;
-	font-size: 150%;
+nav.mainMenu ul li.activeMenuItem a {
+	font-size: 115%;
 	font-weight: bold;
+	text-shadow: 0 1px 0 #fff;
 	color: #369;
+	cursor: default !important;
+	
+	border-top-left-radius: 5px;
+	border-top-right-radius: 5px;
 	
 	background-color: #e7f2fd;
 	background-image: -webkit-linear-gradient(#fff, #e7f2fd);
@@ -380,29 +397,10 @@ nav.mainMenu ul li.activeMenuItem {
 	background-image: -o-linear-gradient(#fff, #e7f2fd);
 	background-image: linear-gradient(#fff, #e7f2fd);
 	
-	z-index: 10;
-}
-
-nav.mainMenu ul li.activeMenuItem:first-child {
-	margin: 5px -5px -5px 0;
-}
-
-nav.mainMenu ul li.activeMenuItem:last-child {
-	margin: 5px 0 -5px -5px;
-}
-
-nav.mainMenu ul li:only-child,
-nav.mainMenu ul li.activeMenuItem:only-child {
-	cursor: default !important;
-	margin: 5px 0 -5px;
-}
-
-nav.mainMenu ul li a,
-nav.mainMenu ul li:hover a {
-	text-decoration: none;
+	z-index: 100;
 }
 
-/* Special */
+/* ToDo: Special */
 
 nav.mainMenu ul li.activeMenuItem .badge {
 	font-size: 75% !important;
@@ -419,8 +417,6 @@ nav.mainMenu ul li.activeMenuItem .badge {
 
 
 
-
-
 /* -- -- -- Header Navigation -- -- -- */
 
 nav.headerNavigation {
@@ -2273,7 +2269,7 @@ div.ui-widget-overlay {
 	background-color: #fff;
 	margin-right: -3px;
 	margin-left: 3px;
-	padding: 1px 5px 2px;
+	padding: 2px 5px;
 	display: inline-block;
 	position: relative;
 	top: -1px;
-- 
2.20.1