5 border: 1px solid transparent;
6 border-radius: var(--wcfBorderRadius);
9 @include screen-md-up {
13 @include screen-sm-down {
21 text-decoration: underline;
27 background-color: var(--wcfStatusErrorBackground);
28 border-color: var(--wcfStatusErrorBorder);
29 color: var(--wcfStatusErrorText);
32 color: var(--wcfStatusErrorLink);
35 color: var(--wcfStatusErrorLinkActive);
41 background-color: var(--wcfStatusInfoBackground);
42 border-color: var(--wcfStatusInfoBorder);
43 color: var(--wcfStatusInfoText);
46 color: var(--wcfStatusInfoLink);
49 color: var(--wcfStatusInfoLinkActive);
55 background-color: var(--wcfStatusSuccessBackground);
56 border-color: var(--wcfStatusSuccessBorder);
57 color: var(--wcfStatusSuccessText);
60 color: var(--wcfStatusSuccessLink);
63 color: var(--wcfStatusSuccessLinkActive);
69 background-color: var(--wcfStatusWarningBackground);
70 border-color: var(--wcfStatusWarningBorder);
71 color: var(--wcfStatusWarningText);
74 color: var(--wcfStatusWarningLink);
77 color: var(--wcfStatusWarningLinkActive);
94 border: 6px solid transparent;
97 display: inline-block;
105 /* inline messages */
107 background-color: rgb(242, 222, 222);
108 color: rgb(169, 68, 66);
111 border-bottom-color: rgb(242, 222, 222);
115 color: var(--wcfStatusErrorLink);
118 color: var(--wcfStatusErrorLinkActive);
123 background-color: var(--wcfStatusSuccessBackground);
124 color: var(--wcfStatusSuccessText);
127 border-bottom-color: var(--wcfStatusSuccessBackground);
131 color: var(--wcfStatusSuccessLink);
134 color: var(--wcfStatusSuccessLinkActive);
139 background-color: var(--wcfStatusWarningBackground);
140 color: var(--wcfStatusWarningText);
143 border-bottom-color: var(--wcfStatusWarningBackground);
147 color: var(--wcfStatusWarningLink);
150 color: var(--wcfStatusWarningLinkActive);
155 /* sticky footer notices */
156 .pageFooterStickyNotice {
167 border-left-width: 0;
168 border-top-width: 1px;
169 border-top-style: solid;
173 @include screen-sm-down {
174 @include wcfFontSmall;
178 .cookiePolicyNotice {
183 @include screen-sm-down {
188 .cookiePolicyNoticeText {
191 @include screen-sm-down {
197 .cookiePolicyNoticeMoreInformation,
198 .cookiePolicyNoticeDismiss {
202 .cookiePolicyNoticeDismiss {
224 background-color: var(--wcfStatusInfoBackground);
225 color: var(--wcfStatusInfoText);
228 border-bottom-color: var(--wcfStatusInfoBackground);
232 color: var(--wcfStatusInfoLink);
235 color: var(--wcfStatusInfoLinkActive);
241 .noticeDismissible > .jsDismissNoticeButton {
244 @include screen-md-down {
252 .userExceptionMessage {