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; | |
| 21 | padding: 20px; | |
| f2b50825 | 22 | |
| e9f3957f MW |
23 | &:not(:first-child) { |
| 24 | margin-top: 20px; | |
| f2b50825 | 25 | } |
| e9f3957f MW |
26 | } |
| 27 | ||
| 28 | section:not(.box) > h1, | |
| 29 | fieldset > legend { | |
| 30 | color: $wcfSidebarHeadlineText; | |
| 06a511ea | 31 | margin-bottom: 15px; |
| e9f3957f MW |
32 | |
| 33 | @extend .wcfFontHeadline; | |
| f2b50825 | 34 | |
| e9f3957f MW |
35 | > a { |
| 36 | color: $wcfSidebarHeadlineLink; | |
| f2b50825 AE |
37 | |
| 38 | > .icon { | |
| e9f3957f MW |
39 | color: $wcfSidebarHeadlineLink; |
| 40 | } | |
| 41 | ||
| 42 | &:hover { | |
| 1223c43c | 43 | color: $wcfSidebarHeadlineLinkActive; |
| e9f3957f MW |
44 | |
| 45 | > .icon { | |
| 46 | color: $wcfSidebarHeadlineLinkActive; | |
| 47 | } | |
| f2b50825 AE |
48 | } |
| 49 | } | |
| 50 | } | |
| 51 | } | |
| 52 | ||
| e9f3957f MW |
53 | .formSubmit:not(:first-child) { |
| 54 | margin-top: 20px; | |
| 55 | } | |
| 929f7e47 MW |
56 | |
| 57 | .boxContainer { | |
| 58 | > div, | |
| 59 | > fieldset, | |
| 60 | > section { | |
| 61 | overflow: hidden; | |
| 62 | ||
| 63 | .button.more { | |
| 64 | float: right; | |
| 06a511ea | 65 | margin-top: 15px; |
| 929f7e47 MW |
66 | } |
| 67 | } | |
| 68 | } | |
| 69 | ||
| 70 | .boxTitle { | |
| 71 | .badge { | |
| 72 | float: right; | |
| 06a511ea | 73 | margin-top: 3px; |
| 929f7e47 MW |
74 | } |
| 75 | } | |
| e9f3957f MW |
76 | } |
| 77 | ||
| e370309c | 78 | /*.sidebar {// @todo |
| b8eab696 | 79 | dl.dataList { |
| b8eab696 | 80 | overflow: hidden; |
| 945f563e AE |
81 | |
| 82 | @extend .wcfFontSmall; | |
| b8eab696 AE |
83 | } |
| 84 | ||
| 85 | dl:not(.dataList) { | |
| 86 | &:not(:first-child) { | |
| 87 | margin-top: 10px; | |
| 88 | } | |
| 89 | } | |
| 90 | ||
| 91 | dl:not(.plain) { | |
| 92 | display: block; | |
| 93 | ||
| 94 | > dt, | |
| 95 | > dd { | |
| 96 | display: block; | |
| 97 | margin: 0; | |
| 98 | text-align: left; | |
| 99 | width: 100%; | |
| 100 | } | |
| 101 | } | |
| b440eabe | 102 | |
| bb6ef47e | 103 | |
| b8eab696 AE |
104 | } |
| 105 | ||
| 106 | .sidebarNavigation > li { | |
| 107 | &.active { | |
| bb6ef47e | 108 | background-color: rgb(255, 255, 255); // @todo |
| b8eab696 AE |
109 | margin: 0 -20px; |
| 110 | padding: 0 20px; | |
| 111 | } | |
| 112 | ||
| 113 | > a { | |
| 114 | display: block; | |
| 115 | padding: 5px 0; | |
| 116 | } | |
| 117 | } | |
| 118 | ||
| 119 | .sidebarBoxHeadline > h3 { | |
| 120 | overflow: hidden; | |
| 121 | text-overflow: ellipsis; | |
| 122 | white-space: nowrap; | |
| bb6ef47e | 123 | }*/ |