From: Marcel Werk Date: Thu, 3 Jan 2013 00:34:19 +0000 (+0100) Subject: Added CSS for nested category lists X-Git-Tag: 2.0.0_Beta_1~607 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=f95f377a1d071ce87639694cfe070d6fbda5fb3b;p=GitHub%2FWoltLab%2FWCF.git Added CSS for nested category lists --- diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less index f9bbe070d6..74bdc8686a 100644 --- 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) */