1 /* style for content area */
4 .boxHeadline { // deprecated
5 color: $wcfContentHeadlineText;
14 @include wcfLineHeight;
18 color: $wcfContentHeadlineLink;
21 color: $wcfContentHeadlineLinkActive;
28 .contentHeaderDescription {
29 color: $wcfContentDimmedText;
33 .contentHeaderMetaData {
34 color: $wcfContentDimmedText;
38 > li:not(:last-child) {
47 color: $wcfContentDimmedText;
52 .contentTitle + .inlineDataList {
57 color: $wcfContentDimmedText;
60 @include screen-sm-down {
67 .contentHeaderNavigation > ul {
70 justify-content: flex-end;
75 @include screen-md-up {
77 align-items: flex-start;
88 .contentHeaderNavigation {
97 justify-content: flex-end;
107 &:not(:first-child) {
116 /* legacy styling for sub headlines (deprecated; use .section > .sectionTitle instead) */
117 .boxHeadline.boxSubHeadline {
122 color: $wcfContentHeadlineText;
124 @include wcfFontSection;
127 color: $wcfContentHeadlineLink;
130 color: $wcfContentHeadlineLinkActive;
140 /* content sections */
149 color: $wcfContentHeadlineText;
151 @include wcfFontSection;
154 color: $wcfContentHeadlineLink;
157 color: $wcfContentHeadlineLinkActive;
166 .sectionDescription {
167 color: $wcfContentDimmedText;
179 &:not(.sectionContainerList) {
182 border-bottom: 1px solid $wcfContentBorderInner;
183 padding-bottom: 10px;
187 &.sectionContainerList {
197 border-color: $wcfContentBorder;
210 @include wcfFontHeadline;
220 /* fieldset styling (old sections / deprecated) */
225 border-bottom: 1px solid $wcfContentBorderInner;
226 color: $wcfContentHeadlineText;
229 padding-bottom: 10px;
232 @include wcfFontSection;
235 color: $wcfContentHeadlineLink;
238 color: $wcfContentHeadlineLinkActive;
251 color: $wcfContentDimmedText;
264 @include wcfFontHeadline;
269 /* styling for container headlines */
272 @include wcfFontHeadline;
279 ~ .containerContent {
284 /* DEPRECATED: styling for content navigation area (containing pagination / page buttons) */
290 @include screen-sm-down {
303 > nav:not(.pagination) > ul > li + li {
308 @include screen-md-up {
312 // align <nav> to the right side
313 justify-content: flex-end;
323 // use up maximum space, causing it to stick to the left while all other
324 // <nav> elements will still be aligned to the right side
328 &.jsClipboardEditor {
343 display: inline-flex;
370 > .contentFooterNavigation {
374 &:not(:first-child) {
384 &:not(:first-child) {
391 @include screen-sm-up {
394 > .paginationBottom {
398 > .contentFooterNavigation {
400 margin: 20px 0 0 20px;
406 display: inline-flex;
413 /* content navigation buttons */
415 .contentHeader > .contentHeaderNavigation > ul {
419 &:not(:first-child) {
436 @include screen-sm-down {
437 body:not(.mobileShowPaginationTop) {
448 .contentNavigation > .pagination {
453 .section ~ .contentNavigation > .pagination {
457 // gap between pagination and navigation buttons
465 .sidebar + .content:not(:last-child) {
466 .contentHeaderNavigation {
470 flex-wrap: wrap !important;
471 justify-content: flex-end;