From: Luzifr <szekely@woltlab.com>
Date: Thu, 15 Mar 2012 15:26:58 +0000 (+0100)
Subject: Tab-menus now respect the given border-width
X-Git-Tag: 2.0.0_Beta_1~1227
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=06ad725017bd958f3251aacab32136c50517a948;p=GitHub%2FWoltLab%2FWCF.git

Tab-menus now respect the given border-width
---

diff --git a/wcfsetup/install/files/style/wcf.less b/wcfsetup/install/files/style/wcf.less
index dd3a3a88e7..7255f8b5aa 100644
--- a/wcfsetup/install/files/style/wcf.less
+++ b/wcfsetup/install/files/style/wcf.less
@@ -410,7 +410,6 @@ a[href^="mailto:"] {
 /* -- -- -- ToDo: Floated Elements -- -- --  */
 
 /* possibly obsolete */
-
 .floatContainer:after {
 	content: "";
 	height: 0;
@@ -2908,6 +2907,19 @@ input[type='button'],
 	background-color: darken(@backColor10, 2%);
 }
 
+.wcf-listBox .wcf-listBox {
+	background-color: @backColor1;
+}
+
+.wcf-listBox .wcf-listBox:nth-child(2n+1) {
+	/* auto-colorer for every 2nd row */
+	background-color: transparent;
+}
+
+.wcf-listBox .wcf-listBox:hover {
+	background-color: @backColor10;
+}
+
 /* List Box Contents */
 
 .wcf-listBox > .wcf-container {
@@ -2978,6 +2990,7 @@ fieldset ~ .wcf-tabMenuContainer .wcf-tabMenu {
 .wcf-tabMenu li.ui-state-active {
 	margin-right: -7px;
 	margin-left: -7px;
+	margin-top: -@borderWidth;
 }
 
 .wcf-tabMenu li a {
@@ -2986,7 +2999,7 @@ fieldset ~ .wcf-tabMenuContainer .wcf-tabMenu {
 	cursor: pointer;
 	display: inline-block;
 	position: relative;
-	bottom: -3px;
+	bottom: -(2px + @borderWidth);
 	z-index: 10;
 }
 
@@ -3031,14 +3044,14 @@ fieldset ~ .wcf-tabMenuContainer .wcf-tabMenu {
 
 .wcf-tabMenu li.ui-state-active a:before {
 	position: absolute;
-	bottom: -1px;
+	bottom: -@borderWidth;
 	width: 5px;
 	height: 5px;
 	content: "";
-	border: 1px @borderStyle @borderColor11;
-	left: -6px;
+	border: @borderWidth @borderStyle @borderColor11;
+	left: -(5px + @borderWidth);
 	.mxBorderRadiusBR(6px);
-	border-width: 0 1px 1px 0;
+	border-width: 0 @borderWidth @borderWidth 0;
 	
 	-webkit-box-shadow: 2px 2px 0 @backColor1;
 	-khtml-box-shadow: 2px 2px 0 @backColor1;
@@ -3050,14 +3063,14 @@ fieldset ~ .wcf-tabMenuContainer .wcf-tabMenu {
 
 .wcf-tabMenu li.ui-state-active a:after {
 	position: absolute;
-	bottom: -1px;
+	bottom: -@borderWidth;
 	width: 5px;
 	height: 5px;
 	content: "";
-	border: 1px @borderStyle @borderColor11;
-	right: -6px;
+	border: @borderWidth @borderStyle @borderColor11;
+	right: -(5px + @borderWidth);
 	.mxBorderRadiusBL(6px);
-	border-width: 0 0 1px 1px;
+	border-width: 0 0 @borderWidth @borderWidth;
 	
 	-webkit-box-shadow: -2px 2px 0 @backColor1;
 	-khtml-box-shadow: -2px 2px 0 @backColor1;