Fixes main menu
authorLuzifr <szekely@woltlab.com>
Thu, 27 Oct 2011 18:37:00 +0000 (20:37 +0200)
committerLuzifr <szekely@woltlab.com>
Thu, 27 Oct 2011 18:37:00 +0000 (20:37 +0200)
com.woltlab.wcf/template/mainMenu.tpl
wcfsetup/install/files/acp/style/style.css

index 4875655a94ca6d7027192489be02b3849a0a4c64..a2cbdf62df740b82eb7a55c796bf8f14f730a761 100644 (file)
@@ -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>
index 0970fce89a52fce83f41b8f2d34a800446e61e1d..c84c2c718c629f06c0ca4565c144ab4c577fcbab 100644 (file)
@@ -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;