Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
/** Question editing **/
2
 
3
#page-mod-questionnaire-questions .qcontainer .fitemtitle,
4
#page-mod-questionnaire-questions #id_questionhdr .fitemtitle {
5
    display: none;
6
}
7
 
8
#page-mod-questionnaire-questions .qcontainer .qnums {
9
    font-weight: bold;
10
    float: left;
11
    color: gray;
12
}
13
 
14
#page-mod-questionnaire-questions .qcontainer .fstatic {
15
    width: 97%;
16
    margin-right: 1em;
17
    margin-left: 5px;
18
    /* Set a negative margin-bottom to save some vertical space! */
19
    margin-bottom: -10px;
20
}
21
 
22
#page-mod-questionnaire-questions .mform .fitem fieldset.felement {
23
    margin-left: 0;
24
    padding-left: 1%;
25
    margin-bottom: 0;
26
}
27
 
28
#page-mod-questionnaire-preview fieldset,
29
#page-mod-questionnaire-complete fieldset {
30
    margin-bottom: 0;
31
}
32
 
33
#page-mod-questionnaire-questions .mform .fitem .fitemtitle {
34
    text-align: left;
35
    margin-left: 10px;
36
    margin-bottom: 0;
37
}
38
 
39
#page-mod-questionnaire-questions .moving {
40
    border: medium dotted maroon;
41
}
42
 
43
div.qoptcontainer div.ftextarea {
44
    clear: both;
45
    float: none;
46
    width: 600px;
47
    margin: 0 auto 10px;
48
}
49
 
50
div.qoptcontainer div.ftextarea textarea.qopts {
51
    width: 600px;
52
    height: 10em;
53
    margin-left: 1px;
54
}
55
 
56
.response span.selected,
57
.generalboxcontent span.selected {
58
    font-weight: bold;
59
}
60
 
61
td.selected {
62
    background-color: #e4f1fa;
63
    border: 1px solid gray;
64
}
65
 
66
#page-mod-questionnaire-myreport div.respdate {
67
    font-size: 0.8em;
68
    font-weight: bold;
69
    margin-bottom: 6px;
70
    padding-top: 6px;
71
    border-bottom: 1px dashed gray;
72
}
73
 
74
#page-mod-questionnaire-complete .message,
75
#page-mod-questionnaire-complete .notifyproblem,
76
#page-mod-questionnaire-preview .message,
77
#page-mod-questionnaire-preview .notifyproblem,
78
#page-mod-questionnaire-complete .thankbody,
79
#page-mod-questionnaire-complete .thankhead {
80
    background-color: #fff;
81
    border-style: solid;
82
    border-width: 2px;
83
    margin-bottom: 10px;
84
    padding: 5px;
85
}
86
 
87
#page-mod-questionnaire-complete .notifyproblem,
88
#page-mod-questionnaire-preview .notifyproblem {
89
    border-color: red;
90
}
91
 
92
#page-mod-questionnaire-fbsections .notifyproblem {
93
    text-align: left;
94
    padding: 0;
95
}
96
 
97
#page-mod-questionnaire-complete .message,
98
#page-mod-questionnaire-preview .message,
99
#page-mod-questionnaire-complete .thankbody,
100
#page-mod-questionnaire-complete .thankhead {
101
    border-color: blue;
102
}
103
 
104
.surveyPage {
105
    background-color: #eee;
106
    border-bottom-color: #000;
107
    border-bottom-style: solid;
108
    border-bottom-width: 1px;
109
    clear: right;
110
    padding: 3px;
111
    margin-bottom: 5px;
112
    margin-top: 0;
113
}
114
 
115
/* alternate columns formatting */
116
 
117
#page-mod-questionnaire-complete .c0,
118
#page-mod-questionnaire-preview .c0,
119
#page-mod-questionnaire-print .c0,
120
#page-mod-questionnaire-report .individual .c0,
121
#page-mod-questionnaire-myreport .individual .c0 {
122
    background-color: #fafafa;
123
    border: 1px solid silver;
124
    padding-left: 5px;
125
    padding-right: 5px;
126
}
127
 
128
#page-mod-questionnaire-complete .raterow:hover,
129
#page-mod-questionnaire-preview .raterow:hover {
130
    background-color: #e4f1fa;
131
}
132
 
133
#page-mod-questionnaire-complete td.raterow:hover,
134
#page-mod-questionnaire-preview td.raterow:hover {
135
    border: 1px solid navy;
136
}
137
 
138
#page-mod-questionnaire-complete td.notanswered,
139
#page-mod-questionnaire-preview td.notanswered {
140
    /* border: none; */
141
    background-color: #fafafa;
142
}
143
 
144
#page-mod-questionnaire-complete td.notcompleted,
145
#page-mod-questionnaire-preview td.notcompleted {
146
    border: 2px solid red;
147
    background-color: #fafafa;
148
}
149
 
150
#page-mod-questionnaire-complete .c1,
151
#page-mod-questionnaire-preview .c1,
152
#page-mod-questionnaire-print .c1,
153
#page-mod-questionnaire-report .individual .c1,
154
#page-mod-questionnaire-myreport .individual .c1 {
155
    background-color: #eee;
156
    border: 1px solid silver;
157
    padding-left: 5px;
158
    padding-right: 5px;
159
}
160
 
161
#page-mod-questionnaire-myreport .individualresp,
162
#page-mod-questionnaire-preview .individualresp,
163
#page-mod-questionnaire-print .individualresp {
164
    border: #c0c0c0 1px solid;
165
    padding-left: 5px;
166
    padding-right: 5px;
167
    padding-top: 5px;
168
    padding-bottom: 0;
169
    margin-bottom: 10px;
170
    margin-top: 10px;
171
}
172
 
173
#page-mod-questionnaire-complete .notice .buttons div,
174
#page-mod-questionnaire-complete .notice .buttons form {
175
    display: inline;
176
}
177
 
178
#page-mod-questionnaire-complete .notice .buttons input {
179
    margin-bottom: 10px;
180
}
181
 
182
.floatprinticon {
183
    margin-top: -30px;
184
    float: right;
185
}
186
 
187
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons {
188
    text-align: center;
189
    width: 100%;
190
    position: relative;
191
}
192
 
193
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-prev {
194
    float: left;
195
}
196
 
197
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-save {
198
    margin-left: 20%;
199
}
200
 
201
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-prev + .control-button-save {
202
    margin-left: 0;
203
}
204
 
205
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-next,
206
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons .control-button-submit {
207
    float: right;
208
}
209
 
210
#page-mod-questionnaire-complete .mod_questionnaire_controlbuttons input {
211
    margin-right: 0;
212
}
213
 
214
#page-mod-questionnaire-complete .mod_questionnaire_completepage .generalbox .notice {
215
    padding: 0.5em 0 0.5em 0;
216
}
217
 
218
/* progress bar styling */
219
 
220
#page-mod-questionnaire-complete .questionnaire-progressbar {
221
    height: 14px;
222
    margin-top: 5px;
223
    border: 1px solid #dedede;
224
    border-radius: 5px;
225
    width: auto;
226
    overflow: hidden;
227
}
228
 
229
#page-mod-questionnaire-complete .questionnaire-progressbar-progress {
230
    background-color: #1177d1;
231
    height: 100%;
232
    border-bottom-left-radius: 5px;
233
    border-top-left-radius: 5px;
234
}
235
 
236
#page-mod-questionnaire-complete .questionnaire-progressbar-info {
237
    float: right;
238
}
239
 
240
#page-mod-questionnaire-complete #questionnaire-progressbar-percent {
241
    margin-left: 5px;
242
    margin-right: 5px;
243
    min-width: 25px;
244
    text-align: center;
245
}
246
 
247
#page-mod-questionnaire-complete .questionnaire-progressbar-wrapper {
248
    margin-top: 15px;
249
    margin-bottom: 15px;
250
    margin-left: 10px;
251
    height: auto;
252
    overflow: hidden;
253
}
254
 
255
#page-mod-questionnaire-complete .mod_questionnaire_completepage.generalbox .homelink ~ .homelink {
256
    padding-top: 10px;
257
}
258
 
259
.qn-legend {
260
    float: left;
261
    font-size: inherit;
262
    width: auto;
263
}
264
 
265
/* format paragraph top and bottom margins for better vertical positioning in questions text */
266
.qn-question p {
267
    margin-bottom: 0.6em;
268
    margin-top: 0.5em;
269
}
270
 
271
.qn-question {
272
    padding-left: 5px;
273
    padding-right: 5px;
274
    padding-bottom: 0.1em;
275
    padding-top: 0.1em;
276
    /* make background same color as quiz question text */
277
    background-color: #e4f1fa;
278
}
279
 
280
#page-mod-questionnaire-questions .qn-question {
281
    margin-left: 40px;
282
}
283
 
284
.unselected {
285
    color: gray;
286
}
287
 
288
/*respondents list feature*/
289
 
290
.respondentscolumn {
291
    float: left;
292
    margin-left: 20px;
293
}
294
.respondentsnavbar {
295
    text-align: center;
296
    padding-bottom: 5px;
297
    padding-top: 5px;
298
    margin-bottom: 5px;
299
    background-color: #f2f2f2;
300
}
301
 
302
/* new quiz-like formatting for 2.5 */
303
 
304
#page-mod-questionnaire-questions .qn-container {
305
    border: 1px dotted gray;
306
    margin-bottom: 1em;
307
}
308
 
309
.dir-rtl .qn-container {
310
    text-align: right;
311
}
312
.qn-info {
313
    float: left;
314
    width: auto;
315
    padding: 7px;
316
    background: #eee;
317
    font-weight: bold;
318
}
319
 
320
.qn-info h2.qn-number {
321
    margin: 0;
322
    font-size: 1.5em;
323
    line-height: 1.2em;
324
}
325
 
326
.qn-question,
327
.qn-answer {
328
    margin: 0 0 0.5em;
329
    overflow: auto;
330
}
331
 
332
.qn-answer input[type=radio] {
333
    margin-left: 0.5em;
334
}
335
 
336
.qn-answer > label + input[type=radio] {
337
    margin-left: 0;
338
}
339
 
340
.qn-answer > textarea,
341
.qn-content .editor_atto_wrap .editor_atto_content {
342
    resize: vertical;
343
}
344
 
345
.qn-answer textarea,
346
.qn-answer input[type="text"] {
347
    box-sizing: border-box;
348
    height: auto;
349
}
350
 
351
#notice .qn-question {
352
    margin: 0;
353
}
354
 
355
.req {
356
    font-size: x-small;
357
}
358
 
359
.qdepend {
360
    color: red;
361
    padding-left: 5px;
362
    margin-bottom: 5px;
363
}
364
 
365
.qdepend-or {
366
    color: orange;
367
    padding-left: 5px;
368
    margin-bottom: 5px;
369
}
370
.qn-content {
371
    margin-bottom: 10px;
372
    margin-left: 55px;
373
}
374
 
375
/* move horizontal radio buttons closer to their labels */
376
.qn-answer input[type="radio"],
377
.qn-answer input[type="checkbox"] {
378
    margin-right: 3px;
379
}
380
 
381
#page-mod-questionnaire-show_nonrespondents input[type="radio"] {
382
    margin-right: 1px;
383
}
384
 
385
.qn-answer label,
386
#page-mod-questionnaire-show_nonrespondents label {
387
    margin-right: 0.6em;
388
}
389
 
390
.hidedependquestion {
391
    color: red;
392
    display: none;
393
}
394
 
395
#page-mod-questionnaire-fbsections .c0,
396
#page-mod-questionnaire-fbsections .c1 {
397
    border: 1px solid silver;
398
    padding-left: 4px;
399
    padding-right: 4px;
400
}
401
 
402
#page-mod-questionnaire-fbsections .c0 {
403
    background-color: #fafafa;
404
}
405
 
406
#page-mod-questionnaire-fbsections .c1 {
407
    background-color: #eee;
408
}
409
 
410
#page-mod-questionnaire-fbsections input[type="radio"] {
411
    margin-right: 0;
412
}
413
 
414
#page-mod-questionnaire-fbsections .qn-legend {
415
    padding-left: 8px;
416
}
417
 
418
#page-mod-questionnaire-fbsections .qcontainer.qcontent {
419
    margin-bottom: -5em;
420
}
421
#page-mod-questionnaire-report div.chart {
422
    overflow: auto;
423
    margin-left: -40px;
424
}
425
 
426
#page-mod-questionnaire-report .generaltable.questionnairereport td {
427
    border: 1px solid silver;
428
}
429
 
430
.qn-container .smalltext {
431
    font-size: 0.75em;
432
}
433
 
434
#page-mod-questionnaire-questions #region-main .mform .fitem .felement {
435
    margin-bottom: 0;
436
}
437
 
438
.qn-indent {
439
    margin-left: 20px;
440
}
441
 
442
.mod_questionnaire_flex-container {
443
    display: inline-flex;
444
}
445
 
446
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.complete,
447
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.yourresponse,
448
#page-mod-questionnaire-view .mod_questionnaire_viewpage div.allresponses {
449
    flex-grow: 1;
450
    margin-right: 10px;
451
}
452
 
453
#page-mod-questionnaire-questions #fitem_id_allchoices #id_allchoices,
454
#page-mod-questionnaire-questions #fitem_id_allnameddegrees #id_allnameddegrees {
455
    resize: both;
456
}
457
 
458
.path-mod-questionnaire .slidecontainer {
459
    width: 100%;
460
}
461
 
462
.path-mod-questionnaire .slider {
463
    -webkit-appearance: none;
464
    width: 100%;
465
    outline: none;
466
    opacity: 0.7;
467
    -webkit-transition: .2s;
468
    transition: opacity .2s;
469
    float: left;
470
    margin-top: 40px;
471
}
472
.path-mod-questionnaire .slider input {
473
    width: 100%;
474
}
475
 
476
.path-mod-questionnaire .slider:hover {
477
    opacity: 1;
478
}
479
 
480
.path-mod-questionnaire .slider::-webkit-slider-thumb {
481
    -webkit-appearance: none;
482
    appearance: none;
483
    width: 100%;
484
    height: 25px;
485
    background: #04aa6d;
486
    cursor: pointer;
487
    border-radius: 50%;
488
}
489
 
490
.path-mod-questionnaire .slider::-moz-range-thumb {
491
    width: 25px;
492
    height: 25px;
493
    background: #04aa6d;
494
    cursor: pointer;
495
}
496
 
497
.path-mod-questionnaire .question-slider {
498
    display: flex;
499
    align-items: baseline;
500
}
501
 
502
.path-mod-questionnaire .left-side-label {
503
    text-align: right;
504
    padding-right: 20px;
505
    margin-top: 40px;
506
    flex-grow: 1;
507
}
508
 
509
.path-mod-questionnaire .right-side-label {
510
    text-align: left;
511
    padding-left: 20px;
512
    margin-top: 40px;
513
    flex-grow: 1;
514
}
515
 
516
.path-mod-questionnaire .middle-side-content {
517
    flex-grow: 8;
518
    display: flex;
519
    flex-direction: column;
520
    align-items: center;
521
    justify-content: center;
522
}
523
 
524
.path-mod-questionnaire .middle-side-label {
525
    text-align: center;
526
}
527
 
528
.path-mod-questionnaire .bubble {
529
    background: #000;
530
    color: white;
531
    padding: 3px;
532
    border-radius: 10px;
533
    left: 50%;
534
    transform: translate(-52%, -50px);
535
    position: relative;
536
    text-align: center;
537
    width: 40px;
538
}
539
.path-mod-questionnaire .bubble::after {
540
    content: "";
541
    position: absolute;
542
    width: 2px;
543
    height: 2px;
544
    left: 50%;
545
}