1#plugin__farmsync {
2
3    b {
4        font-weight: bold;
5    }
6
7    form {
8        display: block;
9        text-align: center;
10
11        fieldset {
12            width: 80%;
13            padding: 1em;
14
15            select {
16                width: 50%;
17            }
18
19        }
20
21        div.lineradio {
22            > label {
23                width: 40%;
24                float: left;
25            }
26
27            div.container {
28                float: right;
29                width: 60%;
30                display: flex;
31                justify-content: space-around;
32
33                span {
34                    width: auto;
35                    margin-right: 0.5em;
36                }
37
38            }
39        }
40
41        label {
42            text-align: left;
43            display: block;
44            margin-bottom: 0.5em;
45
46            &:hover {
47                background-color: @ini_background_alt;
48            }
49
50            > span {
51                display: inline-block;
52                width: 40%;
53            }
54        }
55
56        button {
57            margin: 1em;
58        }
59    }
60
61    #results {
62        span.progress {
63            cursor: pointer;
64            padding: 5px 5px 3px;
65            border-radius: 4px;
66            border: 1px solid @ini_border;
67            margin-bottom: 5px;
68            display: inline-block;
69            font-weight: bold;
70            &:hover {
71                background-color: @ini_background_alt;
72            }
73        }
74
75        div.result {
76            padding: 5px;
77            margin: 5px;
78            border-radius: 4px;
79            border: 1px solid @ini_border;
80
81            // icon before the headline
82            h2::before {
83                display: inline-block;
84                font-size: 20px;
85                width: 25px;
86                height: 25px;
87                text-align: center;
88                border-radius: 50%;
89                margin-right: 10px;
90                border: 1px solid @ini_border;
91            }
92            &.withconflicts h2 {
93                &::before {
94                    content: '!';
95                    background-color: #fdd;
96                }
97
98            }
99            &.noconflicts h2 {
100                &::before {
101                    content: '✓';
102                    background-color: #cfc;
103                }
104            }
105            h2 {
106                margin-bottom: 0;
107                cursor: pointer;
108                border-radius: 4px;
109            }
110
111            // wrap around all results (can be toggled)
112            > div {
113                margin-left: 35px;
114
115                // type headline
116                h3 {
117                    color: @ini_text_alt;
118                    margin-top: 0.6em;
119                }
120
121                // item lists
122                > ul {
123                    list-style: none;
124                    margin-left: 0;
125                    padding-left: 0;
126
127                    li {
128                        margin-left: 0;
129                    }
130
131                    li div.li::before {
132                        content: '!';
133                        font-weight: bold;
134                        margin-right: 0.5em;
135                    }
136                }
137                > ul.noconflicts {
138                    li div.li::before {
139                        content: '✓';
140                    }
141                }
142            }
143
144            form a {
145                padding: 0 0.5em;
146            }
147
148
149            &.noconflicts {
150
151                > div {
152                    display: none;
153
154                    ul.noconflicts {
155                        display: block;
156                    }
157                }
158            }
159
160            div.editconflict {
161                display: none;
162                textarea[name=editarea] {
163                    width: 80%;
164                }
165
166                li.conflict {
167                    cursor: pointer;
168                }
169            }
170
171
172            textarea {
173                width: 100%;
174                height: 40em;
175            }
176
177            a.show_noconflicts {
178                cursor: pointer;
179                display: block;
180            }
181
182            ul.noconflicts {
183                display: none;
184            }
185
186            table.diff {
187                display: none;
188            }
189        }
190
191    }
192
193}
194