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 {
97 align-items: flex-start;
99 justify-content: flex-end;
109 &:not(:first-child) {
118 /* legacy styling for sub headlines (deprecated; use .section > .sectionTitle instead) */
119 .boxHeadline.boxSubHeadline {
124 color: $wcfContentHeadlineText;
126 @include wcfFontSection;
129 color: $wcfContentHeadlineLink;
132 color: $wcfContentHeadlineLinkActive;
142 /* content sections */
151 color: $wcfContentHeadlineText;
153 @include wcfFontSection;
156 color: $wcfContentHeadlineLink;
159 color: $wcfContentHeadlineLinkActive;
168 .sectionDescription {
169 color: $wcfContentDimmedText;
181 &:not(.sectionContainerList) {
184 border-bottom: 1px solid $wcfContentBorderInner;
185 padding-bottom: 10px;
189 &.sectionContainerList {
199 border-color: $wcfContentBorder;
212 @include wcfFontHeadline;
222 /* fieldset styling (old sections / deprecated) */
227 border-bottom: 1px solid $wcfContentBorderInner;
228 color: $wcfContentHeadlineText;
231 padding-bottom: 10px;
234 @include wcfFontSection;
237 color: $wcfContentHeadlineLink;
240 color: $wcfContentHeadlineLinkActive;
253 color: $wcfContentDimmedText;
266 @include wcfFontHeadline;
271 /* styling for container headlines */
274 @include wcfFontHeadline;
281 ~ .containerContent {
286 /* DEPRECATED: styling for content navigation area (containing pagination / page buttons) */
292 @include screen-sm-down {
305 > nav:not(.pagination) > ul > li + li {
310 @include screen-md-up {
314 // align <nav> to the right side
315 justify-content: flex-end;
325 // use up maximum space, causing it to stick to the left while all other
326 // <nav> elements will still be aligned to the right side
330 &.jsClipboardEditor {
345 display: inline-flex;
372 > .contentFooterNavigation {
376 &:not(:first-child) {
386 &:not(:first-child) {
393 @include screen-sm-up {
396 > .paginationBottom {
400 > .contentFooterNavigation {
402 margin: 20px 0 0 20px;
408 display: inline-flex;
415 /* content navigation buttons */
417 .contentHeader > .contentHeaderNavigation > ul {
421 &:not(:first-child) {
438 @include screen-sm-down {
439 body:not(.mobileShowPaginationTop) {
450 .contentNavigation > .pagination {
455 .section ~ .contentNavigation > .pagination {
459 // gap between pagination and navigation buttons
467 .sidebar + .content:not(:last-child) {
468 .contentHeaderNavigation {
472 flex-wrap: wrap !important;
473 justify-content: flex-end;