4 @include screen-md-down {
12 @if $useFluidLayout == 1 {
13 min-width: $wcfLayoutMinWidth;
14 max-width: $wcfLayoutMaxWidth;
16 width: $wcfLayoutFixedWidth;
27 -webkit-filter: grayscale(1);
31 font-family: Consolas, "Courier New", monospace !important;
34 /* boxes with an image */
36 @include box(16px, 5px);
39 @include box(24px, 8px);
42 @include box(32px, 10px);
45 @include box(48px, 12px);
48 @include box(64px, 15px);
51 @include box(96px, 15px);
54 @include box(128px, 20px);
57 @include box(256px, 30px);
62 @include wcfFontSmall;
70 vertical-align: middle;
77 transform: translateY(-100%);
81 transform: translateX(-50%) translateY(-100%);
95 transform: translateY(100%);
98 transform: translateX(-50%) translateY(100%);
108 list-style-type: disc;
111 list-style-type: decimal;
114 /* simulate native HTML styles for certain elements */
123 margin-top: 0 !important;
127 margin-bottom: 0 !important;
136 @include wcfFontTitle;
140 @include wcfFontSection;
144 @include wcfFontHeadline;
153 margin: 1.5em 0 1em 0;
162 list-style-type: disc;
166 list-style-type: decimal;
174 border-top: 1px solid $wcfContentBorderInner;
179 .separatorLeft::before {
180 color: $wcfContentText;
182 margin-right: 0.25em;
185 .separatorRight::after {
186 color: $wcfContentText;
195 a.externalURL::after {
196 content: $fa-var-external-link;
197 display: inline-block;
198 font-family: FontAwesome !important;
199 font-size: 14px !important;
200 font-weight: normal !important;
201 font-style: normal !important;
203 vertical-align: -1px;
207 clip: rect(1px, 1px, 1px, 1px);
208 height: 1px !important;
209 overflow: hidden !important;
210 position: absolute !important;
211 width: 1px !important;
214 /* Hide the focus ring for mouse interactions, but support them for keyboard navigation.
215 See https://github.com/WICG/focus-visible and https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */
216 .js-focus-visible :focus:not(.focus-visible) {