From: Luzifr <szekely@woltlab.com>
Date: Thu, 15 Mar 2012 19:53:23 +0000 (+0100)
Subject: More fine-tuning & LESS
X-Git-Tag: 2.0.0_Beta_1~1222
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=9179e7a4dcddb46dfc4823cdb52d254601e53b01;p=GitHub%2FWoltLab%2FWCF.git

More fine-tuning & LESS
---

diff --git a/wcfsetup/install/files/style/user.less b/wcfsetup/install/files/style/user.less
index 267faa8919..b8560e4449 100755
--- a/wcfsetup/install/files/style/user.less
+++ b/wcfsetup/install/files/style/user.less
@@ -33,7 +33,7 @@
 
 
 
-/* ############## ToDo: Sidebar User Avatars ############## */
+/* ############## ToDo: Sidebar ############## */
 
 /* I've changed the layout, so the classes may not match any more! */
 
@@ -225,21 +225,16 @@ Be careful with the following classes!
 
 .wcf-commentList .wcf-containerContent small {
 	font-size: 85%;
-	color: rgba(192, 192, 192, 1);
+	color: @fontColor11;
 	margin-top: 3px;
 }
 
 /* Comment List */
 
 .wcf-commentList > .wcf-container {
-	border-top: 1px solid rgba(204, 204, 204, 1);
 	padding: 7px;
 }
 
-.wcf-commentList > .wcf-container:first-child {
-	border-top-width: 0;
-}
-
 /* Comment Add */
 
 .wcf-commentAdd .wcf-containerIcon {
@@ -247,8 +242,7 @@ Be careful with the following classes!
 }
 
 .wcf-commentResponseAdd {
-	border-top: 1px solid rgba(204, 204, 204, 1);
-	background-color: rgba(0, 0, 0, .015);
+	border-top: @borderWidthSeparator @borderStyleSeparator @borderColor12;
 	margin-top: 7px;
 	padding: 7px;
 }
@@ -257,8 +251,6 @@ Be careful with the following classes!
 	margin-left: 10px;
 }
 
-
-
 /* Comment Response List */
 
 .wcf-commentResponseList {
@@ -269,24 +261,10 @@ Be careful with the following classes!
 	margin-top: 0;
 }
 
-.wcf-commentResponseList > .wcf-container,
-.wcf-commentResponseList > div > .wcf-container {
-	border-top: 1px solid rgba(204, 204, 204, 1);
-	background-color: rgba(0, 0, 0, .015);
-}
-
-.wcf-commentResponseList > .wcf-container:nth-child(2n+1) {
-	/* Auto-colorer for every 2nd row */
-	background-color: rgba(0, 0, 0, .0);
-}
-
-
-
 /* Comment Options */
 
 .wcf-commentContent > div > .wcf-commentOptions,
 .wcf-commentResponseList > li .wcf-commentOptions {
-	font-size: 85%;
 	display: block;
 	position: absolute;
 	top: 2px;
@@ -298,7 +276,7 @@ Be careful with the following classes!
 	float: left;
 	opacity: 0;
 	
-	.mxTransition1(opacity, .9ms);
+	.mxTransition1(opacity);
 }
 
 .wcf-commentContent > div:hover > .wcf-commentOptions > li,
@@ -308,22 +286,21 @@ Be careful with the following classes!
 
 .wcf-commentContent > div > .wcf-commentOptions > li a,
 .wcf-commentResponseList > li .wcf-commentOptions li a {
-	color: rgba(153, 153, 153, 1);
 	cursor: pointer;
-	display: inline-block;
 	padding: 3px;
+	display: inline-block;
 }
 
-
-
 /* Toggle Comments Links */
 
 .wcf-commentResponsePrevious,
 .wcf-commentResponseRecent {
-	width: 100%;
 	text-align: center;
+	border-top: @borderWidthSeparator @borderStyleSeparator @borderColor12;
 	margin-left: auto;
 	margin-right: auto;
+	padding-top: 7px;
+	width: 100%;
 }
 
 .wcf-commentResponsePrevious a,
@@ -333,8 +310,6 @@ Be careful with the following classes!
 	border-radius: 3px;
 	padding: 0 13px;
 	display: inline-block;
-	width: 15%;
-	min-width: 150px;
 }
 
 
@@ -407,16 +382,17 @@ Be careful with the following classes!
 }
 
 .wcf-userList > li > .wcf-container {
-	border-width: 1px;
-	border-style: @borderStyle;
-	border-color: @borderColor11;
+	border-width: @borderWidthSeparator;
+	border-style: @borderStyleSeparator;
+	border-color: @borderColor12;
 	height: 80px;
 	padding: 7px;
 }
 
+/* ToDo */
 .wcf-userList > li > .wcf-container .wcf-userJoinDate {
 	font-size: 85%;
-	color: rgba(153, 153, 153, 1);
+	color: @fontColor11;
 	display: block;
 }
 
diff --git a/wcfsetup/install/files/style/wcf.less b/wcfsetup/install/files/style/wcf.less
index 4e4eb11c6b..3c5b23c957 100644
--- a/wcfsetup/install/files/style/wcf.less
+++ b/wcfsetup/install/files/style/wcf.less
@@ -66,10 +66,12 @@ q:after {
 
 /* Border Widths (1px) */
 @borderWidth: 1px;
+@borderWidthSeparator: 1px;
 @borderWidthBadge: 1px;
 
 /* Border Styles (solid) */
 @borderStyle: solid;
+@borderStyleSeparator: solid;
 @borderStyleBadge: solid;
 
 /* Border Colors */
@@ -77,6 +79,7 @@ q:after {
 /* Border Color (Middle Grey) */
 @borderColor1: rgba(153, 153, 153, 1);
 @borderColor11: lighten(@borderColor1, 20%);
+@borderColor12: lighten(@borderColor11, 10%);
 
 /* Rounded Corners */
 
@@ -286,7 +289,7 @@ q:after {
 
 /* Test */
 
-.mxTransition1 (@object: color, @time: 1s, @type: linear) {
+.mxTransition1 (@object: color, @time: 1ms, @type: linear) {
 	-webkit-transition: @arguments;
 	-khtml-transition: @arguments;
 	-moz-transition: @arguments;
@@ -2899,6 +2902,10 @@ input[type='button'],
 	box-sizing: border-box;
 }
 
+.wcf-listBox .wcf-listBox {
+	border-color: @borderColor12;
+}
+
 .wcf-listBox:first-child {
 	border-top-width: 0;
 }
@@ -2916,23 +2923,10 @@ input[type='button'],
 	background-color: darken(@backColor10, 2%);
 }
 
-.wcf-listBox .wcf-listBox {
-	background-color: @backColor1;
-}
-
 .wcf-listBox .wcf-listBox:first-child {
 	border-top-width: 1px;
 }
 
-.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 {
@@ -2953,10 +2947,15 @@ input[type='button'],
 
 .wcf-listBox .wcf-badge {
 	font-size: 85%;
+	margin-left: 0;
 	padding: 0 5px;
 	display: inline-block;
 }
 
+.wcf-listBox .wcf-likesDisplay {
+	display: inline;
+}
+
 
 
 /* ############## Tab Menu ############## */