projects / GitHub / WoltLab / WCF.git / blame
| Commit | Line | Data |
|---|---|---|
| e9f3957f MW |
1 | /* legacy styling for sidebars (deprecated) */ |
| 2 | .sidebar { | |
| e370309c MW |
3 | fieldset { |
| 4 | margin-top: 0; | |
| b8eab696 | 5 | |
| e370309c MW |
6 | > legend { |
| 7 | float: left; | |
| 8 | width: 100%; | |
| 9 | ||
| 10 | & + * { | |
| 11 | clear: left; | |
| 12 | } | |
| b8eab696 AE |
13 | } |
| 14 | } | |
| 15 | ||
| e9f3957f MW |
16 | .boxContainer { |
| 17 | > div, | |
| 18 | > fieldset, | |
| 19 | > section:not(.box) { | |
| 20 | background-color: $wcfSidebarBackground; | |
| 63e2f52f AE |
21 | |
| 22 | @include large-screen-only { | |
| 23 | padding: 20px; | |
| 24 | } | |
| 25 | ||
| 26 | @include small-screen-only { | |
| 27 | padding: 20px 10px; | |
| 28 | } | |
| f2b50825 | 29 | |
| e9f3957f | 30 | &:not(:first-child) { |
| 95961bdf | 31 | margin-top: 30px; |
| f2b50825 | 32 | } |
| e9f3957f MW |
33 | } |
| 34 | ||
| 35 | section:not(.box) > h1, | |
| 36 | fieldset > legend { | |
| 37 | color: $wcfSidebarHeadlineText; | |
| 95961bdf | 38 | border-bottom-width: 0; |
| 06a511ea | 39 | margin-bottom: 15px; |
| 95961bdf | 40 | padding: 0; |
| e9f3957f | 41 | |
| 5908f54f | 42 | @include wcfFontHeadline; |
| f2b50825 | 43 | |
| e9f3957f MW |
44 | > a { |
| 45 | color: $wcfSidebarHeadlineLink; | |
| f2b50825 AE |
46 | |
| 47 | > .icon { | |
| e9f3957f MW |
48 | color: $wcfSidebarHeadlineLink; |
| 49 | } | |
| 50 | ||
| 51 | &:hover { | |
| 1223c43c | 52 | color: $wcfSidebarHeadlineLinkActive; |
| e9f3957f MW |
53 | |
| 54 | > .icon { | |
| 55 | color: $wcfSidebarHeadlineLinkActive; | |
| 56 | } | |
| f2b50825 AE |
57 | } |
| 58 | } | |
| 59 | } | |
| 60 | } | |
| 61 | ||
| e9f3957f MW |
62 | .formSubmit:not(:first-child) { |
| 63 | margin-top: 20px; | |
| 64 | } | |
| 929f7e47 MW |
65 | |
| 66 | .boxContainer { | |
| 67 | > div, | |
| 68 | > fieldset, | |
| 69 | > section { | |
| cd358fd9 AE |
70 | .boxContent { |
| 71 | @include clearfix; | |
| 72 | } | |
| 73 | ||
| 929f7e47 MW |
74 | .button.more { |
| 75 | float: right; | |
| 06a511ea | 76 | margin-top: 15px; |
| 929f7e47 MW |
77 | } |
| 78 | } | |
| 79 | } | |
| 80 | ||
| 81 | .boxTitle { | |
| 82 | .badge { | |
| 83 | float: right; | |
| 95961bdf | 84 | top: 2px; |
| 929f7e47 MW |
85 | } |
| 86 | } | |
| 66dba3c5 MW |
87 | |
| 88 | .sidebarBoxList { | |
| 66dba3c5 MW |
89 | > li { |
| 90 | &:not(:last-child) { | |
| 91 | margin-bottom: 10px; | |
| 92 | } | |
| 93 | } | |
| b8eab696 AE |
94 | } |
| 95 | } |