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 align-items: flex-start;
71 justify-content: flex-end;
76 @include screen-md-up {
78 align-items: flex-start;
89 .contentHeaderNavigation {
98 justify-content: flex-end;
108 &:not(:first-child) {
117 /* legacy styling for sub headlines (deprecated; use .section > .sectionTitle instead) */
118 .boxHeadline.boxSubHeadline {
123 color: $wcfContentHeadlineText;
125 @include wcfFontSection;
128 color: $wcfContentHeadlineLink;
131 color: $wcfContentHeadlineLinkActive;
141 /* content sections */
150 color: $wcfContentHeadlineText;
152 @include wcfFontSection;
155 color: $wcfContentHeadlineLink;
158 color: $wcfContentHeadlineLinkActive;
167 .sectionDescription {
168 color: $wcfContentDimmedText;
180 &:not(.sectionContainerList) {
183 border-bottom: 1px solid $wcfContentBorderInner;
184 padding-bottom: 10px;
188 &.sectionContainerList {
198 border-color: $wcfContentBorder;
211 @include wcfFontHeadline;
221 /* fieldset styling (old sections / deprecated) */
226 border-bottom: 1px solid $wcfContentBorderInner;
227 color: $wcfContentHeadlineText;
230 padding-bottom: 10px;
233 @include wcfFontSection;
236 color: $wcfContentHeadlineLink;
239 color: $wcfContentHeadlineLinkActive;
252 color: $wcfContentDimmedText;
265 @include wcfFontHeadline;
270 /* styling for container headlines */
273 @include wcfFontHeadline;
280 ~ .containerContent {
285 /* DEPRECATED: styling for content navigation area (containing pagination / page buttons) */
291 @include screen-sm-down {
304 > nav:not(.pagination) > ul > li + li {
309 @include screen-md-up {
313 // align <nav> to the right side
314 justify-content: flex-end;
324 // use up maximum space, causing it to stick to the left while all other
325 // <nav> elements will still be aligned to the right side
329 &.jsClipboardEditor {
344 display: inline-flex;
371 > .contentFooterNavigation {
375 &:not(:first-child) {
385 &:not(:first-child) {
392 @include screen-sm-up {
395 > .paginationBottom {
399 > .contentFooterNavigation {
401 margin: 20px 0 0 20px;
407 display: inline-flex;
414 /* content navigation buttons */
416 .contentHeader > .contentHeaderNavigation > ul {
420 &:not(:first-child) {
437 @include screen-sm-down {
438 body:not(.mobileShowPaginationTop) {
449 .contentNavigation > .pagination {
454 .section ~ .contentNavigation > .pagination {
458 // gap between pagination and navigation buttons
466 .sidebar + .content:not(:last-child) {
467 .contentHeaderNavigation {
471 flex-wrap: wrap !important;
472 justify-content: flex-end;