1 /* {{pp|small=y}} */
2 .cmbox {
3 margin: 3px 0;
4 border-collapse: collapse;
5 border: 1px solid #a2a9b1;
6 background-color: #dfe8ff; /* Default "notice" blue */
7 box-sizing: border-box;
8 /* necessary when embedded in other templates like [[:Category:Pending_AfC_submissions]] */
9 color: var( --color-base );
10 }
11
12 .cmbox-speedy {
13 border: 4px solid #b32424; /* Red */
14 background-color: #ffdbdb; /* Pink */
15 }
16
17 .cmbox-delete {
18 background-color: #ffdbdb; /* Pink */
19 }
20
21 .cmbox-content {
22 background-color: #ffe7ce; /* Orange */
23 }
24
25 .cmbox-style {
26 background-color: #fff9db; /* Yellow */
27 }
28
29 .cmbox-move {
30 background-color: #e4d8ff; /* Purple */
31 }
32
33 .cmbox-protection {
34 background-color: #efefe1; /* Gray-gold */
35 }
36
37 .cmbox .mbox-text {
38 border: none;
39 /* @noflip */
40 padding: 0.25em 0.9em;
41 width: 100%;
42 }
43
44 .cmbox .mbox-image {
45 border: none;
46 /* @noflip */
47 padding: 2px 0 2px 0.9em;
48 text-align: center;
49 }
50
51 .cmbox .mbox-imageright {
52 border: none;
53 /* @noflip */
54 padding: 2px 0.9em 2px 0;
55 text-align: center;
56 }
57
58 /* An empty narrow cell */
59 .cmbox .mbox-empty-cell {
60 border: none;
61 padding: 0;
62 width: 1px;
63 }
64
65 .cmbox .mbox-invalid-type {
66 text-align: center;
67 }
68
69 @media (min-width: 720px) {
70 .cmbox {
71 margin: 3px 10%;
72 }
73 }
74
75 /* flipped lightness in hsl space except the main cmbox is the main page blue */
76
77 @media screen {
78 html.skin-theme-clientpref-night .cmbox {
79 background-color: #0d1a27; /* Default "notice" blue */
80 }
81
82 html.skin-theme-clientpref-night .cmbox-speedy,
83 html.skin-theme-clientpref-night .cmbox-delete {
84 background-color: #300; /* Pink */
85 }
86
87 html.skin-theme-clientpref-night .cmbox-content {
88 background-color: #331a00; /* Orange */
89 }
90
91 html.skin-theme-clientpref-night .cmbox-style {
92 background-color: #332b00; /* Yellow */
93 }
94
95 html.skin-theme-clientpref-night .cmbox-move {
96 background-color: #08001a; /* Purple */
97 }
98
99 html.skin-theme-clientpref-night .cmbox-protection {
100 background-color: #212112; /* Gray-gold */
101 }
102 }
103
104
105 @media screen and ( prefers-color-scheme: dark) {
106 html.skin-theme-clientpref-os .cmbox {
107 background-color: #0d1a27; /* Default "notice" blue */
108 }
109
110 html.skin-theme-clientpref-os .cmbox-speedy,
111 html.skin-theme-clientpref-os .cmbox-delete {
112 background-color: #300; /* Pink */
113 }
114
115 html.skin-theme-clientpref-os .cmbox-content {
116 background-color: #331a00; /* Orange */
117 }
118
119 html.skin-theme-clientpref-os .cmbox-style {
120 background-color: #332b00; /* Yellow */
121 }
122
123 html.skin-theme-clientpref-os .cmbox-move {
124 background-color: #08001a; /* Purple */
125 }
126
127 html.skin-theme-clientpref-os .cmbox-protection {
128 background-color: #212112; /* Gray-gold */
129 }
130 }
