More fine-tuning & LESS

diff --git a/wcfsetup/install/files/style/user.less b/wcfsetup/install/files/style/user.less
index 267faa89193dcb968865dbe7bccd77e18f51e33c..b8560e4449047d5b0a22042149f8986a35dc8ae0 100755 (executable)
--- 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 4e4eb11c6b898c627206161105ae17730e922fec..3c5b23c9577d0ab4118d6ce811b292242f92f5ab 100644 (file)
--- 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 ############## */