1.plugin-structpublish-banner {
2
3    border: 1px solid @ini_background_alt;
4    background-color: @ini_background_alt;
5
6    &:not(.compact) {
7        padding: 1rem;
8        margin-bottom: 1.5rem;
9    }
10
11    .icon svg {
12        float: left;
13        width: 3rem;
14        height: 3rem;
15        padding-right: 1rem;
16    }
17
18    &.draft {
19        .icon svg {
20            fill: #c33;
21        }
22    }
23
24    &.approved {
25        .icon svg {
26            fill: #cc3;
27        }
28    }
29
30    &.published {
31        .icon svg {
32            fill: #3c3;
33        }
34    }
35
36    form,
37    p {
38        margin-left: 4rem;
39
40        svg {
41            height: 1em;
42            fill: currentColor;
43        }
44    }
45
46    &.compact {
47        padding: 0.2rem 0 0.2rem 0;
48
49        span.icon svg {
50            width: 2rem;
51            height: 1.5rem;
52        }
53
54        form {
55            float: right;
56
57            label {
58                margin-left: 1rem;
59            }
60
61            input {
62                width: 4rem;
63            }
64        }
65    }
66}
67
68.plugin-structpublish-version {
69    border-radius: 2px;
70    background-color: #cfc;
71    color: #000;
72    padding: 0.1em 0.2em;
73}
74