1 /* {{pp|small=y}} */
2 .imbox {
3 margin: 4px 0;
4 border-collapse: collapse;
5 border: 3px solid #36c; /* Default "notice" blue */
6 background-color: var(--background-color-interactive-subtle, #f8f9fa);
7 box-sizing: border-box;
8 }
9
10 /* For imboxes inside imbox-text cells. */
11 .imbox .mbox-text .imbox {
12 margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */
13 /* TODO: Still needed? */
14 display: block; /* Fix for webkit to force 100% width. */
15 }
16
17 .imbox-speedy {
18 border: 3px solid #b32424; /* Red */
19 background-color: #fee7e6; /* Pink */
20 }
21
22 .imbox-delete {
23 border: 3px solid #b32424; /* Red */
24 }
25
26 .imbox-content {
27 border: 3px solid #f28500; /* Orange */
28 }
29
30 .imbox-style {
31 border: 3px solid #fc3; /* Yellow */
32 }
33
34 .imbox-move {
35 border: 3px solid #9932cc; /* Purple */
36 }
37
38 .imbox-protection {
39 border: 3px solid #a2a9b1; /* Gray-gold */
40 }
41
42 .imbox-license {
43 border: 3px solid #88a; /* Dark gray */
44 }
45
46 .imbox-featured {
47 border: 3px solid #cba135; /* Brown-gold */
48 }
49
50 .imbox .mbox-text {
51 border: none;
52 /* @noflip */
53 padding: 0.25em 0.9em;
54 width: 100%;
55 }
56
57 .imbox .mbox-image {
58 border: none;
59 /* @noflip */
60 padding: 2px 0 2px 0.9em;
61 text-align: center;
62 }
63
64 .imbox .mbox-imageright {
65 border: none;
66 /* @noflip */
67 padding: 2px 0.9em 2px 0;
68 text-align: center;
69 }
70
71 /* An empty narrow cell */
72 .imbox .mbox-empty-cell {
73 border: none;
74 padding: 0;
75 width: 1px;
76 }
77
78 .imbox .mbox-invalid-type {
79 text-align: center;
80 }
81
82 @media (min-width: 720px) {
83 .imbox {
84 margin: 4px 10%;
85 }
86 }
87
88
89 @media screen {
90 html.skin-theme-clientpref-night .imbox-speedy {
91 background-color: #310402; /* Dark red, same hue/saturation as light */
92 }
93 }
94
95
96 @media screen and ( prefers-color-scheme: dark) {
97 html.skin-theme-clientpref-os .imbox-speedy {
98 background-color: #310402; /* Dark red, same hue/saturation as light */
99 }
100 }
