From 29424821773b95b4f935d752d3ca60f50f2e6d74 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Wed, 28 Mar 2012 21:19:48 +0200
Subject: [PATCH] Fixed display of menus below tab menus

---
 wcfsetup/install/files/style/tabs.less | 47 +++++++++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)

diff --git a/wcfsetup/install/files/style/tabs.less b/wcfsetup/install/files/style/tabs.less
index f6e29d37b1..da490cd275 100644
--- a/wcfsetup/install/files/style/tabs.less
+++ b/wcfsetup/install/files/style/tabs.less
@@ -106,7 +106,52 @@
 	z-index: 20; /* Prevents border overlay during transition */
 }
 
-/* randum stuff  */
+.tabMenuContainer > .menu {
+	border-bottom: 1px solid @wcfContainerBorderColor;
+	margin: -@wcfGapMedium -@wcfGapLarge @wcfGapLarge -@wcfGapLarge; /* reverse paddings from .containerPadding */
+	padding: @wcfGapSmall 0;
+	text-align: center;
+	
+	.borderRadius(@wcfContainerBorderRadius, 0);
+	.linearGradient(rgba(0, 0, 0, 0), @wcfContainerBackgroundColor, @wcfContainerAccentBackgroundColor);
+	
+	ul{
+		display: inline-block;
+		
+		li {
+			display: inline-block;
+			
+			&.ui-state-active a,
+			&.ui-state-active a:hover {
+				background-color: @wcfButtonPrimaryBackgroundColor;
+				border-color: @wcfButtonPrimaryBorderColor;
+				color: @wcfButtonPrimaryColor;
+				cursor: default;
+			}
+			
+			a {
+				background-color: @wcfContainerBackgroundColor;
+				border: 1px solid @wcfContainerBorderColor;
+				color: @wcfButtonColor;
+				display: block;
+				font-size: 85%;
+				
+				padding: @wcfGapTiny @wcfGapSmall;
+				
+				.borderRadius(30px);
+				
+				&:hover {
+					background-color: @wcfButtonHoverBackgroundColor;
+					border-color: @wcfButtonHoverBorderColor;
+					color: @wcfButtonHoverColor;
+					text-decoration: none;
+				}
+			}
+		}
+	}
+}
+
+/* random stuff  */
 fieldset ~ .tabMenuContainer .tabMenu {
 	margin-top: 30px;
 }
-- 
2.20.1