1.plugin-tos {
2    .tos-diff,
3    .tos-content {
4        border: 1px solid @ini_border;
5        padding: 1em;
6    }
7
8    label {
9        color: @ini_link;
10    }
11
12    // this checkbox controls if the diff or the content shall be shown
13    #plugin__tos_showdiff {
14        display: none;
15    }
16
17    .tos-diff {
18        display: none;
19    }
20
21    #plugin__tos_showdiff:checked + .tos-diff {
22        display: block;
23    }
24
25    #plugin__tos_showdiff:checked + .tos-diff + .tos-content {
26        display: none;
27    }
28
29    ul.tos-form {
30        list-style-type: none;
31        font-size: 150%;
32        display: flex;
33        justify-content: flex-end;
34        margin: 0;
35        padding: 0;
36
37        li {
38            padding: 2em;
39        }
40
41        li.tos-accept:before {
42            content: '✓';
43            color: @ini_text;
44            padding-right: 0.5em;
45        }
46        li.tos-nope:before {
47            content: '✗';
48            color: @ini_text;
49            padding-right: 0.5em;
50        }
51    }
52}
53