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 */
35 .box16 { @include box(16px, 5px); }
36 .box24 { @include box(24px, 8px); }
37 .box32 { @include box(32px, 10px); }
38 .box48 { @include box(48px, 12px); }
39 .box64 { @include box(64px, 15px); }
40 .box96 { @include box(96px, 15px); }
41 .box128 { @include box(128px, 20px); }
42 .box256 { @include box(256px, 30px); }
45 @include wcfFontSmall;
53 vertical-align: middle;
60 transform: translateY(-100%);
64 transform: translateX(-50%) translateY(-100%);
78 transform: translateY(100%);
81 transform: translateX(-50%) translateY(100%);
91 list-style-type: disc;
94 list-style-type: decimal;
97 /* simulate native HTML styles for certain elements */
106 margin-top: 0 !important;
110 margin-bottom: 0 !important;
119 @include wcfFontTitle;
123 @include wcfFontSection;
127 @include wcfFontHeadline;
130 h1, h2, h3, h4, h5, h6 {
131 margin: 1.5em 0 1em 0;
139 list-style-type: disc;
143 list-style-type: decimal;
151 border-top: 1px solid $wcfContentBorderInner;
156 .separatorLeft::before {
157 color: $wcfContentText;
159 margin-right: 0.25em;
162 .separatorRight::after {
163 color: $wcfContentText;
172 a.externalURL::after {
173 content: $fa-var-external-link;
174 display: inline-block;
175 font-family: FontAwesome !important;
176 font-size: 14px !important;
177 font-weight: normal !important;
178 font-style: normal !important;
180 vertical-align: -1px;
184 clip: rect(1px, 1px, 1px, 1px);
185 height: 1px !important;
186 overflow: hidden !important;
187 position: absolute !important;
188 width: 1px !important;
191 /* Hide the focus ring for mouse interactions, but support them for keyboard navigation.
192 See https://github.com/WICG/focus-visible and https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */
193 .js-focus-visible :focus:not(.focus-visible) {