1 /* do NOT reference fonts directly, always make use of 'getFont.php' */
3 font-family: 'FontAwesome';
4 src: url('../font/getFont.php?type=eot&v=4.7.0');
5 src: url('../font/getFont.php?type=eot&v=4.7.0#iefix') format('embedded-opentype'),
6 url('../font/getFont.php?type=woff2&v=4.7.0') format('woff2'),
7 url('../font/getFont.php?type=woff&v=4.7.0') format('woff'),
8 url('../font/getFont.php?type=ttf&v=4.7.0') format('truetype');
14 color: $wcfContentText;
15 display: inline-block;
16 font-family: FontAwesome;
17 font-weight: normal !important;
18 font-style: normal !important;
21 -webkit-user-select: none;
22 -moz-user-select: none;
23 -ms-user-select: none;
25 -moz-osx-font-smoothing: grayscale;
26 -webkit-font-smoothing: antialiased;
32 text-decoration: none;
35 /* default icon colors */
37 color: rgba(0, 153, 0, 1);
41 color: rgba(204, 0, 0, 1);
73 // firefox cursor issue
74 span.icon:not(.pointer):not(.disabled),
75 span.fa:not(.pointer):not(.disabled) {
79 a > span.icon:not(.pointer),
80 a > span.fa:not(.pointer) {
81 cursor: pointer !important;
104 vertical-align: -5px;
144 animation: wcfSpinner .6s linear infinite;
145 border: 2px solid rgb(204, 204, 204);
146 border-top-color: rgb(79, 129, 189);
148 vertical-align: middle;
151 /* work-around for a bug in the scss compiler that is fixed in a newer version,
152 but that version has a devastating performance compared to the current version */
153 .fa-spinner.fa-spinner::before {
157 @-webkit-keyframes wcfSpinner {
158 to { -webkit-transform: rotate(360deg); }
161 @keyframes wcfSpinner {
162 to { transform: rotate(360deg); }
165 @-webkit-keyframes spin {
166 0% { -webkit-transform: rotate(0deg); }
167 100% { -webkit-transform: rotate(359deg); }
170 0% { transform: rotate(0deg); }
171 100% { transform: rotate(359deg); }
175 -webkit-transform: rotate(90deg);
176 transform: rotate(90deg);
180 -webkit-transform: rotate(180deg);
181 transform: rotate(180deg);
185 -webkit-transform: rotate(270deg);
186 transform: rotate(270deg);
189 .fa-flip-horizontal {
190 -webkit-transform: scale(-1, 1);
191 transform: scale(-1, 1);
195 -webkit-transform: scale(1, -1);
196 transform: scale(1, -1);
199 /* ringing animation for fa-bell */
200 @keyframes fa-bell-ring {
201 0% { transform:rotate(-15deg) }
202 2% { transform:rotate(15deg) }
203 4% { transform:rotate(-18deg) }
204 6% { transform:rotate(18deg) }
205 8% { transform:rotate(-22deg) }
206 10% { transform:rotate(22deg) }
207 12% { transform:rotate(-18deg) }
208 14% { transform:rotate(18deg) }
209 16% { transform:rotate(-12deg) }
210 18% { transform:rotate(12deg) }
211 20%, 100% { transform:rotate(0deg) }
214 /* EmojiOne's Emoji Keyboard (2016) for Chrome uses an excessively high `z-index` value */
216 z-index: auto !important;
219 /* This icon is too wide and overflows its boundaries. */
221 &.icon16 { font-size: 10px; }
222 &.icon24 { font-size: 16px; }
223 &.icon32 { font-size: 22px; }
224 &.icon48 { font-size: 34px; }
225 &.icon64 { font-size: 46px; }
226 &.icon96 { font-size: 70px; }
227 &.icon128 { font-size: 94px; }
228 &.icon144 { font-size: 108px; }