← Back to branch summary

~ubuntu-branches/ubuntu/utopic/moodle/utopic

« back to all changes in this revision

Viewing changes to theme/bootstrapbase/less/moodle/forms.less

  • Committer: Package Import Robot
  • Author(s): Thijs Kinkhorst
  • Date: 2014-05-12 16:10:38 UTC
  • mfrom: (36.1.3 sid)
  • Revision ID: package-import@ubuntu.com-20140512161038-puyqf65k4e0s8ytz
Tags: 2.6.3-1
New upstream release.

Show diffs side-by-side

added added

removed removed

Lines of Context:
theme/bootstrapbase/less/moodle/forms.less
72
72
        display: inline-block;
73
73
    }
74
74
}
 
75
.mform label {
 
76
    display: inline-block;
 
77
}
 
78
 
 
79
.mform .iconhelp {
 
80
    margin-left: 4px;
 
81
}
 
82
.dir-rtl .mform .iconhelp {
 
83
    margin-right: 4px;
 
84
}
75
85
.mform .ftextarea #id_alltext {
76
86
    width: 100%;
77
87
}
216
226
    display: inline-block; // So above style sticks.
217
227
}
218
228
 
219
 
#adminsettings h3.main {
 
229
#adminsettings h3 {
220
230
    // Copied from bootstrap/forms.less tag legend.
221
231
    display: block;
222
232
    width: 100%;
372
382
fieldset.coursesearchbox label {
373
383
    display: inline;
374
384
}
 
385
 
 
386
/**
 
387
 * Show the labels above text editors and file managers except on wide screens.
 
388
 */
 
389
#region-main .mform:not(.unresponsive) .fitem .fitemtitle label {
 
390
    font-weight: bold;
 
391
}
 
392
 
 
393
.makeFormsVertical() {
 
394
    #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
 
395
        display: block;
 
396
        margin-top: 4px;
 
397
        margin-bottom: 4px;
 
398
        text-align: left;
 
399
        width: 100%;
 
400
    }
 
401
    #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
 
402
        display: inline-block;
 
403
        width: auto;
 
404
        margin-right: 8px;
 
405
    }
 
406
    &.dir-rtl #region-main .mform:not(.unresponsive) .femptylabel .fitemtitle {
 
407
        margin-right: 0px;
 
408
        margin-left: 8px;
 
409
    }
 
410
    &.dir-rtl #region-main .mform:not(.unresponsive) .fitem .fitemtitle {
 
411
        text-align: right;
 
412
    }
 
413
 
 
414
    #region-main .mform:not(.unresponsive) .fitem .felement {
 
415
        margin-left: 0;
 
416
        width: 100%;
 
417
        float: left;
 
418
        padding-left: 0;
 
419
        padding-right: 0;
 
420
    }
 
421
    #region-main .mform:not(.unresponsive) .fitem .fstatic:empty {
 
422
        display: none;
 
423
    }
 
424
    #region-main .mform:not(.unresponsive) .femptylabel .felement {
 
425
        display: inline-block;
 
426
        margin-top: 4px;
 
427
        padding-top: 5px;
 
428
        width: auto;
 
429
    }
 
430
    &.dir-rtl #region-main .mform:not(.unresponsive) .fitem .felement {
 
431
        margin-right: 0;
 
432
        float: right;
 
433
        padding-right: 0;
 
434
        padding-left: 0;
 
435
    }
 
436
    #region-main .mform:not(.unresponsive) .fitem_fcheckbox .fitemtitle,
 
437
    #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
 
438
        display: inline-block;
 
439
        width: auto;
 
440
    }
 
441
    &.dir-rtl #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
 
442
        float: right;
 
443
    }
 
444
    #region-main .mform:not(.unresponsive) .fitem_fcheckbox .felement {
 
445
        padding: 6px;
 
446
    }
 
447
}
 
448
 
 
449
/**
 
450
 * Make forms vertical when the screen is less than 1200px;
 
451
 */
 
452
@media (max-width: 1199px) {
 
453
    body {
 
454
        .makeFormsVertical;
 
455
    }
 
456
}
 
457
 
 
458
/**
 
459
 * Make forms vertical when the screen is less than 1474px AND both side-pre and side-post contain blocks.
 
460
 * This is an extra special media rule.
 
461
 * It causes forms to show vertically when the screen size is calculated as:
 
462
 *    1199px + (1199px * 23%)
 
463
 * Where 23% is the width of span3
 
464
 */
 
465
@maxWidthForVerticalForms: 1199px * (unit(((@fluidGridColumnWidth1200 * 3) + (@fluidGridGutterWidth * (3 - 1)))) / 100) + 1199px;
 
466
@media (max-width: @maxWidthForVerticalForms) {
 
467
    .used-region-side-pre.used-region-side-post {
 
468
        .makeFormsVertical;
 
469
    }
 
470
}