Added CSS for nested category lists

diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less
index f9bbe070d6be35ce0f602cc4370ae7163dff5f4f..74bdc8686a0c8d155bfab03ced8303975e7bc7d6 100644 (file)
--- a/wcfsetup/install/files/style/layout.less
+++ b/wcfsetup/install/files/style/layout.less
@@ -542,6 +542,59 @@
        }
 }
 
+.nestedCategoryList {
+       > li {
+               margin-top: 21px;
+               overflow: hidden;
+               
+               &:first-child {
+                       margin-top: 0;
+               }
+               
+               > div {
+                       padding: 0 14px;
+                       
+                       > hgroup > h1 {
+                               font-size: @wcfTitleFontSize;
+                               font-weight: bold;
+                               
+                               > .badge {
+                                       font-size: 70%;
+                                       top: -2px;
+                               }
+                       }
+                       
+                       > ol {
+                               > li {
+                                       display: inline-block;
+                                       font-size: @wcfSmallFontSize;
+                               }
+                       }
+               }
+       }
+       
+       &.doubleColumned {
+               > li {
+                       float: left;
+                       width: 50%;
+                       
+                       &:nth-child(odd):not(:first-child) {
+                               clear: left;
+                       }
+                       
+                       &:nth-child(2) {
+                               margin-top: 0;
+                       }
+               }
+               
+               &:after {
+                       content: "";
+                       display: table;
+                       clear: left;
+               }
+       }
+}
+
 /* boxes with an image */
 .box(@imageSize, @gapOffset: 0) {
        /* using a min-height prevents us from clearing (which causes a lot of issues) */