1 /* {{pp|small=y}} */
2 .fmbox {
3 clear: both;
4 margin: 0.2em 0;
5 width: 100%;
6 border: 1px solid #a2a9b1;
7 background-color: var(--background-color-interactive-subtle, #f8f9fa);
8 box-sizing: border-box;
9 color: var(--color-base, #202122);
10 }
11
12 .fmbox-warning {
13 border: 1px solid #bb7070; /* Dark pink */
14 background-color: #ffdbdb; /* Pink */
15 }
16
17 .fmbox-editnotice {
18 background-color: transparent;
19 }
20
21 .fmbox .mbox-text {
22 border: none;
23 /* @noflip */
24 padding: 0.25em 0.9em;
25 width: 100%;
26 }
27
28 .fmbox .mbox-image {
29 border: none;
30 /* @noflip */
31 padding: 2px 0 2px 0.9em;
32 text-align: center;
33 }
34
35 .fmbox .mbox-imageright {
36 border: none;
37 /* @noflip */
38 padding: 2px 0.9em 2px 0;
39 text-align: center;
40 }
41
42 .fmbox .mbox-invalid-type {
43 text-align: center;
44 }
45
46
47 @media screen {
48 html.skin-theme-clientpref-night .fmbox-warning {
49 background-color: #300; /* Reddish, same hue/saturation as light */
50 }
51 }
52
53
54 @media screen and ( prefers-color-scheme: dark) {
55 html.skin-theme-clientpref-os .fmbox-warning {
56 background-color: #300; /* Reddish, same hue/saturation as light */
57 }
58 }
