xref: /plugin/dev/www/style.css (revision 89e2f9d12769d43f18c28526a434579f54e63d0b)
1*89e2f9d1SAndreas Gohrbody, html {
2*89e2f9d1SAndreas Gohr    font: 16px sans-serif;
3*89e2f9d1SAndreas Gohr    color: #333;
4*89e2f9d1SAndreas Gohr}
5*89e2f9d1SAndreas Gohr
6*89e2f9d1SAndreas Gohrmain {
7*89e2f9d1SAndreas Gohr    width: 100%;
8*89e2f9d1SAndreas Gohr    max-width: 75em;
9*89e2f9d1SAndreas Gohr    margin: 0 auto;
10*89e2f9d1SAndreas Gohr}
11*89e2f9d1SAndreas Gohr
12*89e2f9d1SAndreas Gohrform section {
13*89e2f9d1SAndreas Gohr    display: flex;
14*89e2f9d1SAndreas Gohr    flex-wrap: wrap;
15*89e2f9d1SAndreas Gohr    gap: 2em;
16*89e2f9d1SAndreas Gohr    justify-content: space-between;
17*89e2f9d1SAndreas Gohr}
18*89e2f9d1SAndreas Gohr
19*89e2f9d1SAndreas Gohrlabel {
20*89e2f9d1SAndreas Gohr    display: block;
21*89e2f9d1SAndreas Gohr    margin-bottom: 1em;
22*89e2f9d1SAndreas Gohr}
23*89e2f9d1SAndreas Gohr
24*89e2f9d1SAndreas Gohrlabel > span:first-child {
25*89e2f9d1SAndreas Gohr    display: block;
26*89e2f9d1SAndreas Gohr    font-weight: bold;
27*89e2f9d1SAndreas Gohr}
28*89e2f9d1SAndreas Gohr
29*89e2f9d1SAndreas Gohrlabel > select,
30*89e2f9d1SAndreas Gohrlabel > input[type="text"] {
31*89e2f9d1SAndreas Gohr    width: 30em;
32*89e2f9d1SAndreas Gohr    display: block;
33*89e2f9d1SAndreas Gohr    font: 16px sans-serif;
34*89e2f9d1SAndreas Gohr}
35*89e2f9d1SAndreas Gohr
36*89e2f9d1SAndreas Gohrlabel > input[type="checkbox"] + span {
37*89e2f9d1SAndreas Gohr    font-weight: bold;
38*89e2f9d1SAndreas Gohr}
39*89e2f9d1SAndreas Gohr
40*89e2f9d1SAndreas Gohrbutton, label {
41*89e2f9d1SAndreas Gohr    cursor: pointer;
42*89e2f9d1SAndreas Gohr}
43*89e2f9d1SAndreas Gohr
44*89e2f9d1SAndreas Gohr#output {
45*89e2f9d1SAndreas Gohr    margin: 1em 0;
46*89e2f9d1SAndreas Gohr    padding: 0;
47*89e2f9d1SAndreas Gohr    list-style: none;
48*89e2f9d1SAndreas Gohr}
49*89e2f9d1SAndreas Gohr
50*89e2f9d1SAndreas Gohr#output li {
51*89e2f9d1SAndreas Gohr    margin: 1em 0;
52*89e2f9d1SAndreas Gohr}
53*89e2f9d1SAndreas Gohr
54*89e2f9d1SAndreas Gohr#output li button {
55*89e2f9d1SAndreas Gohr    float: right;
56*89e2f9d1SAndreas Gohr}
57*89e2f9d1SAndreas Gohr
58*89e2f9d1SAndreas Gohr#output li span {
59*89e2f9d1SAndreas Gohr    display: block;
60*89e2f9d1SAndreas Gohr}
61*89e2f9d1SAndreas Gohr
62*89e2f9d1SAndreas Gohr#output li .awesomplete,
63*89e2f9d1SAndreas Gohr#output li input,
64*89e2f9d1SAndreas Gohr#output li select {
65*89e2f9d1SAndreas Gohr    display: block;
66*89e2f9d1SAndreas Gohr    width: 100%;
67*89e2f9d1SAndreas Gohr}
68*89e2f9d1SAndreas Gohr
69*89e2f9d1SAndreas Gohrbutton[type="submit"] {
70*89e2f9d1SAndreas Gohr    font-size: 120%;
71*89e2f9d1SAndreas Gohr    width: 15em;
72*89e2f9d1SAndreas Gohr    padding: 1em;
73*89e2f9d1SAndreas Gohr    display: block;
74*89e2f9d1SAndreas Gohr    margin: 1em auto;
75*89e2f9d1SAndreas Gohr}
76