Many small style fixes

diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index d6d318c7fec6861d574c8a9074162b11b2fc7dae..242b9d30c8e2b1fc0c4ad165b253b83a155978ba 100644 (file)
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -3042,7 +3042,7 @@ WCF.Collapsible.Remote = Class.extend({
         */
        _createButton: function(containerID, buttonContainer) {
                var $isOpen = this._containers[containerID].data('isOpen');
-               var $button = $('<a class="icon16 jsTooltip" title="'+WCF.Language.get('wcf.global.button.collapsible')+'"><img src="' + WCF.Icon.get('wcf.icon.' + ($isOpen ? 'opened' : 'closed')) + '" alt="" /></a>').prependTo(buttonContainer);
+               var $button = $('<a class="collapsibleButton jsTooltip" title="'+WCF.Language.get('wcf.global.button.collapsible')+'"><img src="' + WCF.Icon.get('wcf.icon.' + ($isOpen ? 'opened' : 'closed')) + '" alt="" class="icon16" /></a>').prependTo(buttonContainer);
                $button.data('containerID', containerID).click($.proxy(this._toggleContainer, this));
 
                return $button;

diff --git a/wcfsetup/install/files/style/badge.less b/wcfsetup/install/files/style/badge.less
index 6cc88199ebce593749925f61905d31e5cbec91ee..78496b406e64a8268a332ce35a09a870b5320441 100644 (file)
--- a/wcfsetup/install/files/style/badge.less
+++ b/wcfsetup/install/files/style/badge.less
@@ -15,7 +15,7 @@
        border-radius: 13px;
        color: @wcfPageLinkHoverColor;
        display: inline-block;
-       font-size: 11px;
+       font-size: 70%;
        padding: 2px 8px;
        position: relative;
        text-shadow: none;

diff --git a/wcfsetup/install/files/style/button.less b/wcfsetup/install/files/style/button.less
index 43e7a640867060297c137a3da4dae84f2cc241d7..93cd461003e64951038ed045338302ce6ab276e0 100644 (file)
--- a/wcfsetup/install/files/style/button.less
+++ b/wcfsetup/install/files/style/button.less
@@ -11,7 +11,7 @@ input[type='button'],
        display: inline-block;
        font-size: 100%;
        font-weight: bold;
-       margin: 3px 2px;
+       margin: 0 2px;
        padding: 5px 13px;
 }
 

diff --git a/wcfsetup/install/files/style/content.less b/wcfsetup/install/files/style/content.less
index d3a2348e33b7ec818c8cf209233a563cd158b06d..114a119ffbbc7218ce668cd1e1af3ce976d6287d 100644 (file)
--- a/wcfsetup/install/files/style/content.less
+++ b/wcfsetup/install/files/style/content.less
@@ -15,7 +15,7 @@
        &.sidebarOrientationLeft {
                .content {
                        border-left: 1px solid darken(@wcfHighlightBackgroundColor, 8%);
-                       margin-left: 249px;
+                       margin-left: 299px;
                }
                
                .sidebar {
@@ -26,7 +26,7 @@
        &.sidebarOrientationRight {
                .content {
                        border-right: 1px solid darken(@wcfHighlightBackgroundColor, 8%);
-                       margin-right: 249px;
+                       margin-right: 299px;
                }
                
                .sidebar {
@@ -36,7 +36,7 @@
 }
 
 .sidebar {
-       width: 250px;
+       width: 300px;
        z-index: 120;
 }
 

diff --git a/wcfsetup/install/files/style/footer.less b/wcfsetup/install/files/style/footer.less
index 4bd6655ed74f241d9145ba20c65cf6abebc72842..ae4c96ed406fc22b9690934a685d3d5b85770459 100644 (file)
--- a/wcfsetup/install/files/style/footer.less
+++ b/wcfsetup/install/files/style/footer.less
@@ -1,5 +1,5 @@
 .footer {
-       padding-bottom: @wcfGapSmall;
+       padding-bottom: @wcfGapMedium;
        z-index: 100;
        
        .footerContent {

diff --git a/wcfsetup/install/files/style/forms.less b/wcfsetup/install/files/style/forms.less
index 104e023343929464959a3889ab7677e04329d2b5..150fc5fcf666cde659b0c1eee53f1ca3f40f5a82 100644 (file)
--- a/wcfsetup/install/files/style/forms.less
+++ b/wcfsetup/install/files/style/forms.less
@@ -151,7 +151,7 @@ dl > dd > fieldset > dl > dd > label {
 }      
 
 .sidebar dl > dd * {
-       display: block;
+       display: inline-block;
 }
 
 /* Globals */

diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less
index 4527e687668c6c26d48858cf065085171c4ea573..5cbf65d13c78057937eb6ad10dee4b2cb247a4e6 100644 (file)
--- a/wcfsetup/install/files/style/message.less
+++ b/wcfsetup/install/files/style/message.less
@@ -122,8 +122,7 @@
 .message .messageBody {
        color: @wcfColor;
        display: block;
-       font-size: 90%;
-       line-height: 1.75;
+       line-height: 1.5;
        padding: 10px 20px 1px;
        position: relative;
        

diff --git a/wcfsetup/install/files/style/navigation.less b/wcfsetup/install/files/style/navigation.less
index e5378a03976cada4045072e9c78bd5d767c37088..4a8595dc071a32c9d878f225c4d1ac0899fae96d 100644 (file)
--- a/wcfsetup/install/files/style/navigation.less
+++ b/wcfsetup/install/files/style/navigation.less
@@ -181,9 +181,7 @@
        display: table;
        width: 100%;
        
-       > :first-child:before {
-               content: "";
-               display: block;
+       > * {
                margin-top: @wcfGapMedium;
        }
        

diff --git a/wcfsetup/install/files/style/pagination.less b/wcfsetup/install/files/style/pagination.less
index 2c8b9bcc45f0039c6e1051fae67a5e9eccbcf283..7cd589bc8dc0284ac64d3d04a85d8b05204dd402 100644 (file)
--- a/wcfsetup/install/files/style/pagination.less
+++ b/wcfsetup/install/files/style/pagination.less
@@ -8,13 +8,13 @@
 
 /* Globals */
 
-:not(.statusDisplay) > .pageNavigation {
+.contentNavigation .pageNavigation {
        float: left;
-       margin: 5px 0 3px;
-}
+       margin: @wcfGapMedium + 5 0 3px;
 
-.contentNavigation .pageNavigation ul li {
-       margin: 2px;
+       ul li {
+               margin: 0 2px;
+       }
 }
 
 /* -- -- -- Buttons (Level 1 & 2) -- -- -- */
@@ -25,7 +25,7 @@
                        border-radius: 3px;
                        float: left;
                        font-weight: bold;
-                       margin: 1px;
+                       margin: 0 1px;
                        min-width: 19px;
                        padding: 0;
                        text-align: center;
@@ -83,6 +83,9 @@
 
 .statusDisplay .pageNavigation {
        font-size: 80%;
+       float: left;
+       margin-right: 7px;
+       margin-top: 2px;
        
        ul {
                li {

diff --git a/wcfsetup/install/files/style/sidebar.less b/wcfsetup/install/files/style/sidebar.less
index 3a994ef4e671f20215a1a46f35825d2a3d51a1fc..431c4c4cccb1c6af09d1592f863f1922565dc8ad 100644 (file)
--- a/wcfsetup/install/files/style/sidebar.less
+++ b/wcfsetup/install/files/style/sidebar.less
@@ -45,7 +45,6 @@
                        
                        .sidebarBoxHeadline {
                                > h1 {
-                                       font-weight: bold;
                                        margin-bottom: 1px;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
@@ -81,6 +80,7 @@
                                
                                legend {
                                        padding: 0;
+                                       margin: auto;
                                        text-transform: uppercase;
                                                
                                        .textShadow(@wcfHighlightBackgroundColor);

diff --git a/wcfsetup/install/files/style/tabular.less b/wcfsetup/install/files/style/tabular.less
index e34f6a3bbe57b1fa11ac3bb178de49eab50facff..8d8d2c5864ddf67622af22677fadc6cdd657ec0f 100644 (file)
--- a/wcfsetup/install/files/style/tabular.less
+++ b/wcfsetup/install/files/style/tabular.less
@@ -190,8 +190,12 @@
        padding: 1px 0;
        float: right;
        
-       .statusIcons li {
-               display: inline-block;
+       .statusIcons {
+               float: right;
+               
+               li {
+                       display: inline-block;
+               }
        }
        
        img {

diff --git a/wcfsetup/install/files/style/wbb.less b/wcfsetup/install/files/style/wbb.less
index d683d69cb800fd4f0b020848e0b966456d90b572..68134426f77895fd08ecc0254a50091d4f9ce663 100644 (file)
--- a/wcfsetup/install/files/style/wbb.less
+++ b/wcfsetup/install/files/style/wbb.less
@@ -8,9 +8,23 @@
                .borderRadius(0, @wcfContainerBorderRadius);
        }
        
+       > li > ul > .wbbCategory > hgroup {
+               padding-left: 43px;
+       }
+       
+       > li > ul > li > ul > .wbbCategory > hgroup {
+               padding-left: 79px;
+       }
+       
+       .tabularBox:not(.wbbBoardNodeTop) {
+               border-radius: 0;
+               border-width: 1px 0 0;
+       }
+       
        .wbbStats {
+               font-size: 85%;
                left: 50%;
-               margin-top: 2px;
+               margin-top: @wcfGapSmall;
                position: absolute;
                top: @wcfGapSmall;
                width: 15%;
@@ -46,10 +60,12 @@
                
                > div {
                        background-color: @wcfContentBackgroundColor;
-                       padding: 7px;
+                       padding: @wcfGapSmall;
                        border: 1px solid @wcfContainerBorderColor;
                        border-radius: @wcfContainerBorderRadius;
-                       margin-right: 7px;
+                       margin-right: @wcfGapSmall;
+                       
+                       .boxShadowInset(0, 1px, rgba(0, 0, 0, .1), 3px); 
                }
                
                hgroup {
@@ -94,7 +110,7 @@
        }
 
        .wbbBoard {
-               min-height: 42px;
+               min-height: 44px;
                padding: @wcfGapSmall;
                padding-right: 51%;
                
@@ -132,6 +148,11 @@
        .wbbBoard > div > hgroup > h1 {
                font-size: 120%;
        }
+       
+       .wbbCollapsibleCategory .collapsibleButton {
+               display: inline-block;
+               margin-right: 7px;
+       }
 }
 
 /* ignored boards */
@@ -165,6 +186,10 @@
                margin-top: 2px;
        }
        
+       .columnLastPost {
+               white-space: nowrap;
+       }
+       
        .columnAvatar {
                div {
                        position: relative;
@@ -172,7 +197,7 @@
                        height: 38px;
                        
                        > p > img {
-                               opacity: .5;
+                               opacity: .6;
                                
                                .transition(opacity, .2s);
                        }