xref: /plugin/newpagefill/style.css (revision 9a36670832b754c53fa81850c7b00d5bb57a3705)
1*9a366708SLORTET#newpagefill_overlay {
2*9a366708SLORTET  position: fixed;
3*9a366708SLORTET  inset: 0;
4*9a366708SLORTET  display: none;
5*9a366708SLORTET  align-items: center;
6*9a366708SLORTET  justify-content: center;
7*9a366708SLORTET  background: rgba(0, 0, 0, 0.35);
8*9a366708SLORTET  z-index: 1000;
9*9a366708SLORTET}
10*9a366708SLORTET
11*9a366708SLORTET#newpagefill_overlay.is-open {
12*9a366708SLORTET  display: flex;
13*9a366708SLORTET}
14*9a366708SLORTET
15*9a366708SLORTET.newpagefill_dialog {
16*9a366708SLORTET  width: 92vw;
17*9a366708SLORTET  max-width: 520px;
18*9a366708SLORTET  background: #fff;
19*9a366708SLORTET  border-radius: 10px;
20*9a366708SLORTET  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
21*9a366708SLORTET  padding: 18px;
22*9a366708SLORTET}
23*9a366708SLORTET
24*9a366708SLORTET.newpagefill_dialog h3 {
25*9a366708SLORTET  margin: 0 0 14px;
26*9a366708SLORTET}
27*9a366708SLORTET
28*9a366708SLORTET.newpagefill_label {
29*9a366708SLORTET  display: block;
30*9a366708SLORTET  margin: 12px 0 6px;
31*9a366708SLORTET  font-weight: bold;
32*9a366708SLORTET}
33*9a366708SLORTET
34*9a366708SLORTET.newpagefill_dialog input {
35*9a366708SLORTET  width: 100%;
36*9a366708SLORTET  box-sizing: border-box;
37*9a366708SLORTET}
38*9a366708SLORTET
39*9a366708SLORTET.newpagefill_dialog select {
40*9a366708SLORTET  width: 100%;
41*9a366708SLORTET  box-sizing: border-box;
42*9a366708SLORTET}
43*9a366708SLORTET
44*9a366708SLORTET.newpagefill_error {
45*9a366708SLORTET  min-height: 1.4em;
46*9a366708SLORTET  margin: 10px 0 0;
47*9a366708SLORTET  color: #b42318;
48*9a366708SLORTET}
49*9a366708SLORTET
50*9a366708SLORTET.newpagefill_actions {
51*9a366708SLORTET  display: flex;
52*9a366708SLORTET  justify-content: flex-end;
53*9a366708SLORTET  gap: 8px;
54*9a366708SLORTET  margin-top: 14px;
55*9a366708SLORTET}
56