Added legacy styling for sidebars

diff --git a/wcfsetup/install/files/style/layout/box.scss b/wcfsetup/install/files/style/layout/box.scss
index 05efd4a18153242a30cfb361873de4664b0b92ce..425eaee46e54b11c43c6a5842477ec0fbf82ca1f 100644 (file)
--- a/wcfsetup/install/files/style/layout/box.scss
+++ b/wcfsetup/install/files/style/layout/box.scss
@@ -173,6 +173,14 @@
                }
        }
        
+       .boxTitle {
+               color: $wcfSidebarHeadlineLink;
+               
+               &:hover {
+                       color: $wcfSidebarHeadlineLinkActive;
+               }
+       }
+       
        .box {
                background-color: $wcfSidebarBackground;
                padding: 20px;

diff --git a/wcfsetup/install/files/style/layout/sidebar.scss b/wcfsetup/install/files/style/layout/sidebar.scss
index 1ad9f4b892d0dc356cc74e04b7b5c1a18a2a27d7..cd1281e02410240714b70cb4ec4ea093dcdaf1c2 100644 (file)
--- a/wcfsetup/install/files/style/layout/sidebar.scss
+++ b/wcfsetup/install/files/style/layout/sidebar.scss
@@ -1,27 +1,5 @@
-/*.sidebar {
-       
-       
-       > div,
-       > fieldset,
-       > section {
-               background-color: $wcfSidebarBackground;
-               padding: 20px;
-               
-               &::after {
-                       clear: both;
-                       content: "";
-                       display: block;
-                       height: 0;
-               }
-       }
-       
-       > div {
-               fieldset + fieldset,
-               section + section {
-                       margin-top: 20px;
-               }
-       }
-       
+/* legacy styling for sidebars (deprecated) */
+.sidebar {
        fieldset > legend {
                float: left;
                width: 100%;
@@ -31,32 +9,49 @@
                }
        }
        
-       section > h1,
-       fieldset > legend {
-               color: $wcfSidebarHeadlineText;
-               margin-bottom: 10px;
-               
-               @extend .wcfFontHeadline;
-               
-               > a {
-                       color: $wcfSidebarHeadlineLink;
+       .boxContainer {
+               > div,
+               > fieldset,
+               > section:not(.box) {
+                       background-color: $wcfSidebarBackground;
+                       padding: 20px;
                        
-                       > .icon {
-                               color: $wcfSidebarHeadlineLink;
+                       &:not(:first-child) {
+                               margin-top: 20px;
                        }
+               }
+               
+               section:not(.box) > h1,
+               fieldset > legend {
+                       color: $wcfSidebarHeadlineText;
+                       margin-bottom: 10px;
+                       
+                       @extend .wcfFontHeadline;
                        
-                       &:hover {
-                               color: $wcfSidebarHeadlineLinkActive;
+                       > a {
+                               color: $wcfSidebarHeadlineLink;
                                
                                > .icon {
+                                       color: $wcfSidebarHeadlineLink;
+                               }
+                               
+                               &:hover {
                                        color: $wcfSidebarHeadlineLinkActive;
+                                       
+                                       > .icon {
+                                               color: $wcfSidebarHeadlineLinkActive;
+                                       }
                                }
                        }
                }
        }
        
-       
-       
+       .formSubmit:not(:first-child) {
+               margin-top: 20px;
+       }
+}
+
+/*.sidebar {
        dl.dataList {
                overflow: hidden;