Subversion Repositories eFlore/Applications.cel

Rev

Rev 3179 | Rev 3185 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3179 Rev 3180
1
@CHARSET "UTF-8";
1
@CHARSET "UTF-8";
2
 
2
 
3
body {
3
body {
4
  font-family: Ubuntu,Verdana,sans-serif !important;
4
  font-family: Ubuntu,Verdana,sans-serif !important;
5
}
5
}
6
 
6
 
7
div.widget-blocks {
7
div.widget-blocks {
8
  box-sizing: border-box;
8
  box-sizing: border-box;
9
  padding: 3rem;
9
  padding: 3rem;
10
  margin-bottom: 5rem;
10
  margin-bottom: 5rem;
11
}
11
}
12
 
12
 
13
#zone-appli #register-page .widget-blocks .clear {
13
#zone-appli #register-page .widget-blocks .clear {
14
  clear: both;
14
  clear: both;
15
  height: 0;
15
  height: 0;
16
 
16
 
17
  /* Précaution pour IE 7 */
17
  /* Précaution pour IE 7 */
18
  overflow: hidden;
18
  overflow: hidden;
19
}
19
}
20
 
20
 
21
h1#widget-titre::before {
21
h1#widget-titre::before {
22
  content: "";
22
  content: "";
23
  display: block;
23
  display: block;
24
  height: 100%;
24
  height: 100%;
25
  position: absolute;
25
  position: absolute;
26
  left: -5rem;
26
  left: -5rem;
27
  width: 0.4rem;
27
  width: 0.4rem;
28
}
28
}
29
 
29
 
30
h1#widget-titre {
30
h1#widget-titre {
31
  font-size: 3rem;
31
  font-size: 3rem;
32
  font-weight: 700;
32
  font-weight: 700;
33
  line-height: 3.2rem;
33
  line-height: 3.2rem;
34
  margin: 0;
34
  margin: 0;
35
  position: relative;
35
  position: relative;
36
  color: #232323;
36
  color: #232323;
37
}
37
}
38
 
38
 
39
#zone-appli #register-page .widget-blocks h2 {
39
#zone-appli #register-page .widget-blocks h2 {
40
  font-size: 2.3rem;
40
  font-size: 2.3rem;
41
  line-height: 1.15;
41
  line-height: 1.15;
42
}
42
}
43
 
43
 
44
#zone-appli #register-page .widget-blocks h3 {
44
#zone-appli #register-page .widget-blocks h3 {
45
  font-size: 2rem;
45
  font-size: 2rem;
46
  margin-top: 0.5rem;
46
  margin-top: 0.5rem;
47
}
47
}
48
 
48
 
49
#zone-appli #register-page #group-settings-form .widget-blocks button,
49
#zone-appli #register-page #group-settings-form .widget-blocks button,
50
#group-settings-form .button {
50
#group-settings-form .button {
51
  font-size: 1.6rem;
51
  font-size: 1.6rem;
52
}
52
}
53
 
53
 
54
#zone-appli #register-page #group-settings-form .widget-blocks input,
54
#zone-appli #register-page #group-settings-form .widget-blocks input,
55
#zone-appli #register-page #group-settings-form .widget-blocks select,
55
#zone-appli #register-page #group-settings-form .widget-blocks select,
56
#zone-appli #register-page #group-settings-form .widget-blocks textarea {
56
#zone-appli #register-page #group-settings-form .widget-blocks textarea {
57
  font-size: 1.3rem;
57
  font-size: 1.3rem;
58
}
58
}
59
 
59
 
60
#zone-appli #register-page #group-settings-form .widget-blocks .message {
60
#zone-appli #register-page #group-settings-form .widget-blocks .message {
61
  background-color: #f8f5ef;
61
  background-color: #f8f5ef;
62
  color: #232323;
62
  color: #232323;
63
  padding: 1rem;
63
  padding: 1rem;
64
  border-radius: 0.3rem;
64
  border-radius: 0.3rem;
65
  font-size: 1.3rem;
65
  font-size: 1.3rem;
66
}
66
}
67
 
67
 
68
#zone-appli #register-page #group-settings-form .widget-blocks .hidden {
68
#zone-appli #register-page #group-settings-form .widget-blocks .hidden {
69
  display: none;
69
  display: none;
70
}
70
}
71
 
71
 
72
/* Aperçu du widget */
72
/* Aperçu du widget */
73
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer {
73
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer {
74
  border-radius: 0.3rem;
74
  border-radius: 0.3rem;
75
  padding: 0 3rem 3rem 3rem;
75
  padding: 0 3rem 3rem 3rem;
76
  min-height: 100%;
76
  min-height: 100%;
77
  width: 100%;
77
  width: 100%;
78
  /*pointer-events: none;*/
78
  /*pointer-events: none;*/
79
  overflow: hidden;
79
  overflow: hidden;
80
  /*background: rgba(248, 245, 239, 0.6);*/
80
  /*background: rgba(248, 245, 239, 0.6);*/
81
}
81
}
82
 
82
 
83
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1 {
83
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1 {
84
  font-size: 3rem;
84
  font-size: 3rem;
85
  line-height: 3.2rem;
85
  line-height: 3.2rem;
86
  width: 100%;
86
  width: 100%;
87
  color: #232323;
87
  color: #232323;
88
  margin: 1rem;
88
  margin: 1rem;
89
}
89
}
90
 
90
 
91
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1,
91
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h1,
92
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 span,
92
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 span,
93
#zone-appli #register-page #group-settings-form .widget-blocks h3 .field-title,
93
#zone-appli #register-page #group-settings-form .widget-blocks h3 .field-title,
94
#zone-appli #register-page #group-settings-form .widget-blocks .list-label,
94
#zone-appli #register-page #group-settings-form .widget-blocks .list-label,
95
#zone-appli #register-page #group-settings-form .widget-blocks label {
95
#zone-appli #register-page #group-settings-form .widget-blocks label {
96
  text-transform: capitalize;
96
  text-transform: capitalize;
97
}
97
}
98
 
98
 
99
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 {
99
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer h2 {
100
  width: 100%;
100
  width: 100%;
101
  color: #232323;
101
  color: #232323;
102
  margin: 1rem;
102
  margin: 1rem;
103
}
103
}
104
 
104
 
105
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help {
105
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help {
106
  width: 80%;
106
  width: 80%;
107
}
107
}
108
 
108
 
109
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help.input-file-container {
109
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .and-help.input-file-container {
110
  width: 73.8%;
110
  width: 73.8%;
111
}
111
}
112
 
112
 
113
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help,
113
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help,
114
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help {
114
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help {
115
  margin-bottom:1.5rem;
115
  margin-bottom:1.5rem;
116
}
116
}
117
 
117
 
118
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help,
118
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer label.and-help,
119
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help,
119
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .list-label.and-help,
120
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .select-wrapper.and-help,
120
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .select-wrapper.and-help,
121
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .multiselect.and-help {
121
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .multiselect.and-help {
122
  display:inline-block;
122
  display:inline-block;
123
}
123
}
124
 
124
 
125
#zone-appli #register-page #group-settings-form .widget-blocks form {
125
#zone-appli #register-page #group-settings-form .widget-blocks form {
126
  margin-bottom: 2rem;
126
  margin-bottom: 2rem;
127
}
127
}
128
 
128
 
129
#zone-appli #register-page #group-settings-form .widget-blocks .list-label,
129
#zone-appli #register-page #group-settings-form .widget-blocks .list-label,
130
#zone-appli #register-page #group-settings-form .widget-blocks label {
130
#zone-appli #register-page #group-settings-form .widget-blocks label {
131
  color: #606060;
131
  color: #606060;
132
  display: block;
132
  display: block;
133
  font-size: 1.5rem;
133
  font-size: 1.5rem;
134
  margin-bottom: 0.4rem;
134
  margin-bottom: 0.4rem;
135
  margin-top: 2rem;
135
  margin-top: 2rem;
136
  font-weight: 300;
136
  font-weight: 300;
137
}
137
}
138
 
138
 
139
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox,
139
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox,
140
#zone-appli #register-page #group-settings-form .widget-blocks .radio {
140
#zone-appli #register-page #group-settings-form .widget-blocks .radio {
141
  padding-left: 0;
141
  padding-left: 0;
142
}
142
}
143
 
143
 
144
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox label,
144
#zone-appli #register-page #group-settings-form .widget-blocks .checkbox label,
145
#zone-appli #register-page #group-settings-form .widget-blocks .radio label{
145
#zone-appli #register-page #group-settings-form .widget-blocks .radio label{
146
  padding-left: 1rem;
146
  padding-left: 1rem;
147
}
147
}
148
 
148
 
149
#preview-formulaire,
149
#preview-formulaire,
150
#preview-header,
150
#preview-header,
151
#preview-messages {
151
#preview-messages {
152
  padding: 2rem;
152
  padding: 2rem;
153
  border-radius: 0.3rem;
153
  border-radius: 0.3rem;
154
  background-color: rgba(255, 255, 255, 0.8);
154
  background-color: rgba(255, 255, 255, 0.8);
155
  margin-top: 2rem;
155
  margin-top: 2rem;
156
}
156
}
157
 
157
 
158
.register-section{
158
.register-section{
159
  margin-bottom: 1rem;
159
  margin-bottom: 1rem;
160
}
160
}
161
 
161
 
162
/* Formulaires du nouveau widget*/
162
/* Formulaires du nouveau widget*/
163
#group-settings-form {
163
#group-settings-form {
164
  float: none;
164
  float: none;
165
}
165
}
166
 
166
 
167
#group-settings-form #langue{
167
#group-settings-form #langue{
168
  width: 100%;
168
  width: 100%;
169
  border: 0.1rem solid #ddd;
169
  border: 0.1rem solid #ddd;
170
  border-radius: 0.3rem;
170
  border-radius: 0.3rem;
171
  padding: 1rem;
171
  padding: 1rem;
172
  overflow: hidden;
172
  overflow: hidden;
173
}
173
}
174
 
174
 
175
/* Styles des champs required*/
175
/* Styles des champs required*/
176
#group-settings-form .register-section input:required,
176
#group-settings-form .register-section input:required,
177
#group-settings-form .register-section select:required,
177
#group-settings-form .register-section select:required,
178
#group-settings-form #new-fields input:required,
178
#group-settings-form #new-fields input:required,
179
#group-settings-form #new-fields select:required {
179
#group-settings-form #new-fields select:required {
180
  border: 0.2rem solid #F8DFD3;
180
  border: 0.2rem solid #F8DFD3;
181
}
181
}
182
 
182
 
183
/**** Styles des boutons ****/
183
/**** Styles des boutons ****/
184
 
184
 
185
/* Positionnement visuel du bouton submit pour qu'il reste
185
/* Positionnement visuel du bouton submit pour qu'il reste
186
sous les nouveaux champs alors que dans le dom
186
sous les nouveaux champs alors que dans le dom
187
il est positionné avant les nouveaux champs */
187
il est positionné avant les nouveaux champs */
188
#zone-appli #register-page #group-settings-form .widget-blocks  #submit-button {
188
#zone-appli #register-page #group-settings-form .widget-blocks  #submit-button {
189
  position: absolute;
189
  position: absolute;
190
  bottom: -20px;
190
  bottom: -20px;
191
}
191
}
192
 
192
 
193
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button,
193
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button,
194
#zone-appli #register-page #group-settings-form .widget-blocks  .add-value-button.button {
194
#zone-appli #register-page #group-settings-form .widget-blocks  .add-value-button.button {
195
  background-color: #009fb8;
195
  background-color: #009fb8;
196
}
196
}
197
 
197
 
198
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button:hover,
198
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button:hover,
199
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button:focus,
199
#zone-appli #register-page #group-settings-form .widget-blocks  #add-fields.button:focus,
200
#zone-appli #register-page #group-settings-form .widget-blocks  .add-value-button.button:hover,
200
#zone-appli #register-page #group-settings-form .widget-blocks  .add-value-button.button:hover,
201
#zone-appli #register-page #group-settings-form .widget-blocks  .add-value-button.button:focus {
201
#zone-appli #register-page #group-settings-form .widget-blocks  .add-value-button.button:focus {
202
  background-color: rgba(0, 159, 184, 0.7);
202
  background-color: rgba(0, 159, 184, 0.7);
203
}
203
}
204
 
204
 
205
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button,
205
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button,
206
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button,
206
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button,
207
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file {
207
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file {
208
  background-color: #ff5d55;
208
  background-color: #ff5d55;
209
}
209
}
210
 
210
 
211
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:hover,
211
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:hover,
212
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:focus,
212
#zone-appli #register-page #group-settings-form .widget-blocks .remove-field.button:focus,
213
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:hover,
213
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:hover,
214
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:focus,
214
#zone-appli #register-page #group-settings-form .widget-blocks .remove-value.button:focus,
215
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file:hover,
215
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file:hover,
216
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file:focus {
216
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file:focus {
217
  background-color: rgba(255, 93, 85, 0.7);
217
  background-color: rgba(255, 93, 85, 0.7);
218
}
218
}
219
 
219
 
220
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button {
220
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button {
221
  background-color: #ea9973;
221
  background-color: #ea9973;
222
}
222
}
223
 
223
 
224
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button,
224
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button,
225
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file {
225
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file {
226
  margin-left: 0.5rem;
226
  margin-left: 0.5rem;
227
}
227
}
228
 
228
 
229
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file,
229
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file,
230
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button {
230
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button {
231
  border-radius: 0.2rem;
231
  border-radius: 0.2rem;
232
  padding: 1rem 1rem;
232
  padding: 1rem 1rem;
233
}
233
}
234
 
234
 
235
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button:hover,
235
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button:hover,
236
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button:focus,
236
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .help-button:focus,
237
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:hover,
237
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:hover,
238
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:focus {
238
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type:focus {
239
  background-color: rgba(234, 153, 115, 0.7);
239
  background-color: rgba(234, 153, 115, 0.7);
240
}
240
}
241
/*
241
/*
242
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file i {
242
#zone-appli #register-page #group-settings-form .widget-blocks .remove-file i {
243
  font-size: 1.6rem;
243
  font-size: 1.6rem;
244
}*/
244
}*/
245
 
245
 
246
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type {
246
#zone-appli #register-page #group-settings-form .widget-blocks .fichier-type {
247
  text-transform: capitalize;
247
  text-transform: capitalize;
248
  font-size: 1.5rem;
248
  font-size: 1.5rem;
249
  margin-left: 0;
249
  margin-left: 0;
250
  padding: 0.8rem;
250
  padding: 0.8rem;
251
  background-color: #ea9973;
251
  background-color: #ea9973;
252
  text-decoration: none;
252
  text-decoration: none;
253
  color: #ffffff;
253
  color: #ffffff;
254
  border-radius: 0.2rem;
254
  border-radius: 0.2rem;
255
}
255
}
256
 
256
 
257
 
257
 
258
/**** style du formulaire des nouveaux champs après validation ****/
258
/**** style du formulaire des nouveaux champs après validation ****/
259
#zone-appli #register-page #group-settings-form .widget-blocks .disabled,
259
#zone-appli #register-page #group-settings-form .widget-blocks .disabled,
260
#zone-appli #register-page #group-settings-form .widget-blocks .validated {
260
#zone-appli #register-page #group-settings-form .widget-blocks .validated {
261
  background-color: #eeeeee;
261
  background-color: #eeeeee;
262
  cursor: default;
262
  cursor: default;
263
  pointer-events: none;
263
  pointer-events: none;
264
}
264
}
265
 
265
 
266
#zone-appli #register-page #group-settings-form .widget-blocks .invalid {
266
#zone-appli #register-page #group-settings-form .widget-blocks .invalid {
267
  box-shadow : 0 0 1.5px 1px red;
267
  box-shadow : 0 0 1.5px 1px red;
268
}
268
}
269
 
269
 
270
/* Le picto validation apparait en vert */
270
/* Le picto validation apparait en vert */
271
#group-settings-form .validated i {
271
#group-settings-form .validated i {
272
  color: #c3d45d;
272
  color: #c3d45d;
273
  cursor: default;
273
  cursor: default;
274
}
274
}
275
 
275
 
276
/* La couleur de fond du formulaire lui-même ne change pas */
276
/* La couleur de fond du formulaire lui-même ne change pas */
277
#zone-appli #register-page #group-settings-form .widget-blocks #new-fields.disabled{
277
#zone-appli #register-page #group-settings-form .widget-blocks #new-fields.disabled{
278
  background-color: initial;
278
  background-color: initial;
279
}
279
}
280
 
280
 
281
/* annuler un position absolute provenant de bundle.css */
281
/* annuler un position absolute provenant de bundle.css */
282
#zone-appli #register-page #group-settings-form .widget-blocks fieldset > p {
282
#zone-appli #register-page #group-settings-form .widget-blocks fieldset > p {
283
  position: static;
283
  position: static;
284
  right: initial;
284
  right: initial;
285
  top: initial;
285
  top: initial;
286
  width: auto;
286
  width: auto;
287
  text-align: left;
287
  text-align: left;
288
  color: #606060;
288
  color: #606060;
289
}
289
}
290
 
290
 
291
/*************************************************/
291
/*************************************************/
292
 
292
 
293
/**** Style des select ****/
293
/**** Style des select ****/
294
#group-settings-form select,
294
#group-settings-form select,
295
#group-settings-form .selectBox select {
295
#group-settings-form .selectBox select {
296
  background-color: rgba(0, 159, 184, 0.5);
296
  background-color: rgba(0, 159, 184, 0.5);
297
  border:  0.1rem solid #ddd;
297
  border:  0.1rem solid #ddd;
298
}
298
}
299
 
299
 
300
#group-settings-form select {
300
#group-settings-form select {
301
  font-size: 3rem;
301
  font-size: 3rem;
302
  font-weight: 900;
302
  font-weight: 900;
303
}
303
}
304
 
304
 
305
#group-settings-form select,
305
#group-settings-form select,
306
#group-settings-form select:required,
306
#group-settings-form select:required,
307
#group-settings-form .selectBox select,
307
#group-settings-form .selectBox select,
308
#group-settings-form .selectBox select:required {
308
#group-settings-form .selectBox select:required {
309
  width: 100%;
309
  width: 100%;
310
  color:#fff;
310
  color:#fff;
311
  border-radius: 0.3rem;
311
  border-radius: 0.3rem;
312
  padding: 0.8rem;
312
  padding: 0.8rem;
313
  line-height: 1.15;
313
  line-height: 1.15;
314
}
314
}
315
 
315
 
316
#group-settings-form select,
316
#group-settings-form select,
317
#group-settings-form select:required {
317
#group-settings-form select:required {
318
  text-transform:none;
318
  text-transform:none;
319
 
-
 
320
  /* On retire la 'flèche' par defaut */
319
  /* On retire la 'flèche' par defaut */
321
  -webkit-appearance: none;
320
  -webkit-appearance: none;
322
  -moz-appearance: none;
321
  -moz-appearance: none;
323
  -ms-appearance: none;
322
  -ms-appearance: none;
324
  -o-appearance: none;
323
  -o-appearance: none;
325
  appearance: none;
324
  appearance: none;
326
}
325
}
327
 
326
 
328
#group-settings-form .select-wrapper,
327
#group-settings-form .select-wrapper,
329
#group-settings-form #new-fields .select-wrapper,
328
#group-settings-form #new-fields .select-wrapper,
330
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox {
329
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox {
331
  position: relative;
330
  position: relative;
332
  border: 0.1rem solid #ddd;
331
  border: 0.1rem solid #ddd;
333
  border-radius: 0.3rem;
332
  border-radius: 0.3rem;
334
}
333
}
-
 
334
 
-
 
335
#zone-appli #register-page #group-settings-form .widget-blocks .input-group .select-wrapper {
-
 
336
  border:none;
-
 
337
}
335
 
338
 
336
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .overSelect {
339
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .overSelect {
337
  position: absolute;
340
  position: absolute;
338
  left: 0;
341
  left: 0;
339
  right: 0;
342
  right: 0;
340
  top: 0;
343
  top: 0;
341
  bottom: 0;
344
  bottom: 0;
342
}
345
}
343
 
346
 
344
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes {
347
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes {
345
  border: 0.1rem solid #ddd;
348
  border: 0.1rem solid #ddd;
346
  border-radius: 0 0.3rem;
349
  border-radius: 0 0.3rem;
347
}
350
}
348
 
351
 
349
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .label label,
352
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .label label,
350
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes label {
353
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .checkboxes label {
351
  display: block;
354
  display: block;
352
  padding: 0.5rem;
355
  padding: 0.5rem;
353
  line-height: 1.15;
356
  line-height: 1.15;
354
}
357
}
355
 
358
 
356
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer #checkboxes label:hover {
359
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer #checkboxes label:hover {
357
  background-color: #1e90ff;
360
  background-color: #1e90ff;
358
}
361
}
359
 
362
 
360
#group-settings-form .select-wrapper::after,
363
#group-settings-form .select-wrapper::after,
361
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after {
364
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after {
362
  /* Ajout et style d'une "flèche bas" */
365
  /* Ajout et style d'une "flèche bas" */
363
  content: '⌄';
366
  content: '⌄';
364
  pointer-events: none;
367
  pointer-events: none;
365
  position: absolute;
368
  position: absolute;
366
  top: 0;
369
  top: 0;
367
  right: 0.5rem;
370
  right: 0.5rem;
368
  font-size: 3rem;
371
  font-size: 3rem;
369
  font-weight: 900;
372
  font-weight: 900;
370
  color: #fff;
373
  color: #fff;
371
}
374
}
372
 
375
 
373
#group-settings-form #new-fields .select-wrapper::after,
376
#group-settings-form #new-fields .select-wrapper::after,
374
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after,
377
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer .selectBox::after,
375
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer  .select-wrapper::after {
378
#zone-appli #register-page #group-settings-form .widget-blocks .widget-renderer  .select-wrapper::after {
376
  /* correction de la position de la flèche
379
  /* correction de la position de la flèche
377
  dans le formulaire des champs ajoutés*/
380
  dans le formulaire des champs ajoutés*/
378
  top: -10px;
381
  top: -10px;
379
}
382
}
380
/**************************/
383
/**************************/
381
 
384
 
382
/**** Affichage des nouveaux champs ****/
385
/**** Affichage des nouveaux champs ****/
383
 
386
 
384
/* Mieux distinguer les différentes strates */
387
/* Mieux distinguer les différentes strates */
385
#group-settings-form fieldset.new-field,
388
#group-settings-form fieldset.new-field,
386
#group-settings-form .new-value {
389
#group-settings-form .new-value {
387
  position: static;
390
  position: static;
388
  margin: 1rem 0;
391
  margin: 1rem 0;
389
  padding: 2rem;
392
  padding: 2rem;
390
  border-radius: 0.3rem;
393
  border-radius: 0.3rem;
391
  background-color: #F8F5EF;
394
  background-color: #F8F5EF;
392
}
395
}
393
 
396
 
394
/* Mieux distinguer les différentes strates */
397
/* Mieux distinguer les différentes strates */
395
#group-settings-form .field-details {
398
#group-settings-form .field-details {
396
  margin: 1rem 0;
399
  margin: 1rem 0;
397
  padding: 2rem;
400
  padding: 2rem;
398
  border-radius: 0.3rem;
401
  border-radius: 0.3rem;
399
  background-color: #fcfbf9;
402
  background-color: #fcfbf9;
400
}
403
}
401
/********************************************/
404
/********************************************/
402
 
405
 
403
/**** Style des input type "file" ****/
406
/**** Style des input type "file" ****/
404
/* styles de base */
407
/* styles de base */
405
#group-settings-form .input-file-container,
408
#group-settings-form .input-file-container,
406
#group-settings-form #new-fields .input-file-container {
409
#group-settings-form #new-fields .input-file-container {
407
  position: relative;
410
  position: relative;
408
  width: 86.9%;
411
  width: 86.9%;
409
  display: inline-block;
412
  display: inline-block;
410
}
413
}
411
 
414
 
412
#group-settings-form .label-file,
415
#group-settings-form .label-file,
413
#group-settings-form #new-fields .label-file {
416
#group-settings-form #new-fields .label-file {
414
  display: block;
417
  display: block;
415
  padding: 0.7rem;
418
  padding: 0.7rem;
416
  background: #009FB8;
419
  background: #009FB8;
417
  color: #fff !important;
420
  color: #fff !important;
418
  font-size: 1.5rem;
421
  font-size: 1.5rem;
419
  cursor: pointer;
422
  cursor: pointer;
420
  border-radius: 0.3rem;
423
  border-radius: 0.3rem;
421
}
424
}
422
 
425
 
423
#group-settings-form .input-file,
426
#group-settings-form .input-file,
424
#group-settings-form #new-fields .input-file {
427
#group-settings-form #new-fields .input-file {
425
  position: absolute;
428
  position: absolute;
426
  top: 0; left: 0;
429
  top: 0; left: 0;
427
  width: 80%;
430
  width: 80%;
428
  padding: 1rem;
431
  padding: 1rem;
429
  margin: auto;
432
  margin: auto;
430
  opacity: 0;
433
  opacity: 0;
431
  cursor: pointer;
434
  cursor: pointer;
432
}
435
}
433
 
436
 
434
/* quelques styles d'interactions */
437
/* quelques styles d'interactions */
435
#group-settings-form .input-file:hover + .label-file,
438
#group-settings-form .input-file:hover + .label-file,
436
#group-settings-form .input-file:focus + .label-file,
439
#group-settings-form .input-file:focus + .label-file,
437
#group-settings-form .label-file:hover,
440
#group-settings-form .label-file:hover,
438
#group-settings-form .label-file:focus,
441
#group-settings-form .label-file:focus,
439
#group-settings-form #new-fields .input-file:hover + .label-file,
442
#group-settings-form #new-fields .input-file:hover + .label-file,
440
#group-settings-form #new-fields .input-file:focus + .label-file,
443
#group-settings-form #new-fields .input-file:focus + .label-file,
441
#group-settings-form #new-fields .label-file:hover,
444
#group-settings-form #new-fields .label-file:hover,
442
#group-settings-form #new-fields .label-file:focus {
445
#group-settings-form #new-fields .label-file:focus {
443
  background: rgba(0, 159, 184, 0.7);
446
  background: rgba(0, 159, 184, 0.7);
444
  color: #fff;
447
  color: #fff;
445
}
448
}
446
 
449
 
447
/* styles du retour visuel */
450
/* styles du retour visuel */
448
#group-settings-form .file-return:not(:empty)::before,
451
#group-settings-form .file-return:not(:empty)::before,
449
#group-settings-form #new-fields .file-return:not(:empty)::before {
452
#group-settings-form #new-fields .file-return:not(:empty)::before {
450
  content:'Nom du fichier: ';
453
  content:'Nom du fichier: ';
451
  font-size: 1rem;
454
  font-size: 1rem;
452
}
455
}
453
 
456
 
454
#group-settings-form .file-return:not(:empty) img,
457
#group-settings-form .file-return:not(:empty) img,
455
#group-settings-form #new-fields .file-return:not(:empty) img {
458
#group-settings-form #new-fields .file-return:not(:empty) img {
456
  margin: 1rem auto;
459
  margin: 1rem auto;
457
  display: block;
460
  display: block;
458
}
461
}
459
 
462
 
460
#group-settings-form .file-return,
463
#group-settings-form .file-return,
461
#group-settings-form #new-fields .file-return {
464
#group-settings-form #new-fields .file-return {
462
  font-style: italic;
465
  font-style: italic;
463
  font-size: 1rem;
466
  font-size: 1rem;
464
  font-weight: bold;
467
  font-weight: bold;
465
  background-color: #fff;
468
  background-color: #fff;
466
  padding: 2rem;
469
  padding: 2rem;
467
  border-radius: 0.3rem;
470
  border-radius: 0.3rem;
468
}
471
}
469
 
472
 
470
#zone-appli #register-page #group-settings-form .widget-blocks input[type="date"],
473
#zone-appli #register-page #group-settings-form .widget-blocks input[type="date"],
471
#zone-appli #register-page #group-settings-form .widget-blocks input[type="number"],
474
#zone-appli #register-page #group-settings-form .widget-blocks input[type="number"],
472
#zone-appli #register-page #group-settings-form .widget-blocks input[type="email"] {
475
#zone-appli #register-page #group-settings-form .widget-blocks input[type="email"] {
473
  line-height: 1.15;
476
  line-height: 1.15;
474
  margin: 0;
477
  margin: 0;
475
  padding: 1rem;
478
  padding: 1rem;
476
  border: 0.1rem solid #ddd;
479
  border: 0.1rem solid #ddd;
477
  border-radius: 0.3rem;
480
  border-radius: 0.3rem;
478
  width: 100%;
481
  width: 100%;
479
  box-sizing: inherit;
482
  box-sizing: inherit;
480
}
483
}
481
 
484
 
482
/*************************************/
485
/*************************************/
483
 
486
 
484
#signup_submit {
487
#signup_submit {
485
  font-weight: 700;
488
  font-weight: 700;
486
}
489
}
487
 
490
 
488
.modal-header .close {
491
.modal-header .close {
489
  margin-top: -2rem !important;
492
  margin-top: -2rem !important;
490
}
493
}
491
 
494
 
492
@media screen and (min-width: 992px) {
495
@media screen and (min-width: 992px) {
493
  div.widget-blocks {
496
  div.widget-blocks {
494
    position: sticky;
497
    position: sticky;
495
    top: 20px;
498
    top: 20px;
496
  }
499
  }
497
}
500
}