weekly release 3.2dev
[moodle.git] / theme / bootstrapbase / less / moodle / responsive.less
CommitLineData
8903b17b
BB
1/* responsive.less */
2
3// Should probably be moved to relevant .less files
4// after 4095 selector issue is solved
5
6@media (min-width: 980px) {
7 .dir-rtl .navbar .nav.pull-right,
8 .dir-rtl .navbar .logininfo {
9 float: left;
10 }
11 .dir-rtl .navbar .nav {
12 float: right;
13 & > li {
14 float: right;
15 }
16 }
852797d1
BH
17
18}
19
20@media (min-width: (@navbarCollapseDesktopWidth) ) {
21
22 a[id]:empty::before,
23 a[name]:empty::before {
24 display: inline-block;
25 position: relative;
26 content: '';
27 padding-top: @navbarHeight;
28 margin-top: -@navbarHeight;
29 vertical-align: top;
30 }
31
bfb1c6d4
JF
32}
33
34@media (min-width: 980px) and (max-width: 1199px) {
31614004
DS
35 // Wider form labels.
36 .form-item .form-label,
37 .mform .fitem div.fitemtitle,
38 .userprofile dl.list dt,
39 .form-horizontal .control-label {
40 width: @horizontalComponentOffset980 - 20px;
41 }
42 .form-item .form-setting,
43 .form-item .form-description,
44 .mform .fitem .felement,
45 #page-mod-forum-search .c1,
46 .mform .fdescription.required,
47 .userprofile dl.list dd,
48 .form-horizontal .controls {
49 margin-left: @horizontalComponentOffset980;
50 }
8d223d71
NK
51 .dir-rtl {
52 .form-item .form-setting,
53 .form-item .form-description,
54 .mform .fitem .felement,
55 .mform .fdescription.required,
56 .userprofile dl.list dd,
57 .form-horizontal .controls {
58 margin-right: @horizontalComponentOffset980;
59 }
60 }
61 #page-mod-forum-search.dir-lrt .c1 {
62 margin-right: @horizontalComponentOffset980;
63 }
31614004
DS
64 .path-admin .buttons,
65 .form-buttons {
66 padding-left: @horizontalComponentOffset980;
67 }
8903b17b
BB
68}
69
48296457 70@media (max-width: 767px) {
d61c96b6
DW
71 .file-picker .fp-repo-area {
72 width: 100%;
73 height: auto;
74 max-height: 220px;
75 y-scroll: auto;
76 float: none;
77 border: 0px;
78 }
79 .file-picker .fp-repo-items {
80 width: 100%;
81 float: none;
48296457 82 margin-left: 0;
d61c96b6
DW
83 }
84 .file-picker .fp-login-form .fp-login-input label {
85 text-align: left;
86 }
87 .dir-rtl .file-picker .fp-login-form .fp-login-input label {
88 text-align: right;
89 }
90 .file-picker .fp-content form td {
91 display: block;
92 width: 100%;
93 text-align: left;
94 }
95 .dir-rtl .file-picker .fp-content form td {
96 text-align: right;
97 }
98 .fp-content .mdl-right {
99 text-align: left;
100 }
101 .dir-rtl .fp-content .mdl-right {
102 text-align: right;
103 }
104
105 .fp-repo-items .fp-navbar {
106 border-top: 1px solid rgb(187, 187, 187);
107 }
2eab90fa
JF
108
109 .dir-rtl {
110 .userprofile dl.list dt,
111 .userprofile dl.list dd {
112 float: none;
113 text-align: right;
114 margin-right: 0;
115 }
116 }
117
88d366e5
JF
118 .fp-formset div {
119 height: auto;
120 }
d61c96b6
DW
121}
122
8903b17b 123@media (min-width: 1200px) {
1d20cf37
JF
124 // Editor on question page
125 .path-question {
126 #id_answerhdr div.fitem_feditor {
127 padding-right: 6px;
128 }
129 }
d8037b26 130 // Login page.
8903b17b
BB
131 .loginbox.twocolumns .loginpanel {
132 margin-left: 0;
133 }
134 .loginbox.twocolumns .loginpanel,
135 .loginbox.twocolumns .signuppanel {
136 width: 48.717948717948715%;
137 *width: 48.664757228587014%;
138 }
bfb1c6d4
JF
139 // Wider form labels.
140 .form-item .form-label,
141 .mform .fitem div.fitemtitle,
142 .userprofile dl.list dt,
143 .form-horizontal .control-label {
144 width: @horizontalComponentOffset1200 - 20px;
145 }
146 .form-item .form-setting,
147 .form-item .form-description,
148 .mform .fitem .felement,
149 #page-mod-forum-search .c1,
150 .mform .fdescription.required,
151 .userprofile dl.list dd,
152 .form-horizontal .controls {
153 margin-left: @horizontalComponentOffset1200;
154 }
8d223d71
NK
155 .dir-rtl {
156 .form-item .form-setting,
157 .form-item .form-description,
158 .mform .fitem .felement,
159 .mform .fdescription.required,
160 .userprofile dl.list dd,
161 .form-horizontal .controls {
2eab90fa 162 margin-right: (@horizontalComponentOffset1200 - 100px);
8d223d71
NK
163 }
164 #page-mod-forum-search .c1 {
165 margin-right: @horizontalComponentOffset1200;
166 }
293a1894
NK
167 .form-item .form-label,
168 .mform .fitem div.fitemtitle,
169 .userprofile dl.list dt,
170 .form-horizontal .control-label {
2eab90fa 171 width: (@horizontalComponentOffset1200 - 120px);
293a1894
NK
172 }
173
8d223d71 174 }
bfb1c6d4
JF
175 .path-admin .buttons,
176 .form-buttons {
177 padding-left: @horizontalComponentOffset1200;
178 }
8d223d71
NK
179 .dir-rtl {
180 .path-admin .buttons,
181 .form-buttons {
182 padding-right: @horizontalComponentOffset1200;
183 }
184 }
bfb1c6d4 185
d8037b26
GB
186 // Core empty block regions.
187 .fluid-span (@columns) {
188 .fluid-span-full(@columns, @fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
189 }
190 .empty-region-side-post.used-region-side-pre, // Post region is empty and pre region is in use.
191 .jsenabled.docked-region-side-post.used-region-side-pre { // All post blocks docked and pre region is in use.
192 #region-main.span8 {
193 /** increase the span size by 1 **/
194 .fluid-span(9);
195 }
196 #block-region-side-pre.span4 {
197 /** decrease the span size by 1 **/
198 .fluid-span(3);
199 }
200 }
8903b17b
BB
201}
202
203@media (min-width: 980px) {
204 .loginbox.twocolumns .loginpanel {
205 margin-left: 0;
206 }
207 .loginbox.twocolumns .loginpanel,
208 .loginbox.twocolumns .signuppanel {
209 width: 48.617948717948715%;
210 *width: 48.664757228587014%;
211 }
212}
213
214@media (min-width: 768px) and (max-width: 979px) {
d8037b26 215 // Login page.
8903b17b
BB
216 .loginbox.twocolumns .loginpanel {
217 margin-left: 0;
218 }
219 .loginbox.twocolumns .loginpanel,
220 .loginbox.twocolumns .signuppanel {
221 width: 48.61878453038674%;
222 *width: 48.56559304102504%;
223 }
d8037b26
GB
224 // Core empty block regions.
225 .fluid-span (@columns) {
226 .fluid-span-full(@columns, @fluidGridColumnWidth768, @fluidGridGutterWidth768);
227 }
228 .empty-region-side-post.used-region-side-pre, // Post region is empty and pre region is in use.
229 .jsenabled.docked-region-side-post.used-region-side-pre { // All post blocks docked and pre region is in use.
230 #region-main.span8 {
231 /** increase the span size by 1 **/
232 .fluid-span(9);
233 }
234 #block-region-side-pre.span4 {
235 /** decrease the span size by 1 **/
236 .fluid-span(3);
237 }
238 }
8903b17b
BB
239}
240
241@media (max-width: 767px) {
242 .loginbox.twocolumns .loginpanel,
243 .loginbox.twocolumns .signuppanel {
244 display: block;
245 float: none;
246 width: 100%;
247 margin-left: 0;
248 .box-sizing(border-box);
249 }
b23a3205
JF
250 #page-mod-quiz-edit div.quizcontents,
251 .questionbankwindow.block {
252 width: 100%;
253 float: none;
254 }
255 #page-mod-quiz-edit #block-region-side-pre,
256 #page-mod-quiz-edit #block-region-side-post {
257 clear: both;
258 }
259
8903b17b 260 }
8903b17b
BB
261
262@media (max-width: 480px) {
9c2ec10b
DS
263 // make tabs act like nav-stacked
264 // (mostly) copied from bootstrap/navs.less
265 .nav-tabs > li {
8903b17b
BB
266 float: none;
267 }
9c2ec10b
DS
268 .nav-tabs > li > a {
269 margin-right: 0; // no need for the gap between nav items
270 }
271 .nav-tabs {
272 border-bottom: 0;
273 }
274 .nav-tabs > li > a {
8903b17b
BB
275 border: 1px solid #ddd;
276 .border-radius(0);
277 }
9c2ec10b
DS
278 .nav-tabs > .active > a,
279 .nav-tabs > .active > a:hover {
280 border: 1px solid #ddd;
281 }
282 .nav-tabs > li:first-child > a {
8903b17b
BB
283 .border-top-radius(4px);
284 }
9c2ec10b 285 .nav-tabs > li:last-child > a {
8903b17b
BB
286 .border-bottom-radius(4px);
287 }
9c2ec10b
DS
288 .nav-tabs > li > a:hover,
289 .nav-tabs > li > a:focus {
8903b17b
BB
290 border-color: #ddd;
291 z-index: 2;
292 }
8903b17b
BB
293 .fp-content-center {
294 display: block;
295 vertical-align: top;
296 }
8903b17b
BB
297 .course-content ul.topics li.section,
298 .course-content ul.topics li.section .content,
299 .course-content ul.weeks li.section .content,
300 .course-content ul.weeks li.section,
301 .course-content ul.section {
302 margin-right: 0;
303 margin-left: 0;
304 padding: 0;
305 }
306 .activityinstance {
307 display: block;
308 }
309 .editing .course-content .section .activity {
310 margin-bottom: 0.2em;
311 padding-bottom: 0.2em;
312 border-bottom: thin solid #eee;
313 }
314 .course-content .section .activity .commands {
8903b17b
BB
315 text-align: right;
316 }
4c512690
SH
317 /** Handles display of the activity chooser on small screens **/
318 .jsenabled .choosercontainer #chooseform .alloptions {
319 max-width: 100%;
8903b17b 320 }
4c512690
SH
321 .jsenabled .choosercontainer #chooseform .instruction,
322 .jsenabled .choosercontainer #chooseform .typesummary {
323 position:static;
8903b17b
BB
324 }
325 .que .info {
326 float: none;
327 width: auto;
328 }
329 .que .content {
330 margin: 0;
331 }
332 .path-mod-choice .horizontal .choices .option {
333 display: block;
334 }
335 .path-mod-forum .forumsearch #search {
336 width: 120px;
337 }
41d64830
JF
338 .path-mod-forum .forumheaderlist .picture {
339 display: none;
340 }
8903b17b
BB
341}
342
343// Stuart's 2,1,3 layout
344@media (min-width : 768px) {
345 .row-fluid .desktop-first-column {
346 margin-left: 0;
347 }
c72106b2
RW
348 #page-navbar .breadcrumb-button {
349 display: inline;
350 }
8903b17b
BB
351}
352@media (max-width : 767px) {
353 .row-fluid .desktop-first-column {
35fe9b8a 354 clear: both;
8903b17b
BB
355 }
356}
357// Forms
358@media (max-width: 767px) {
359 // Remove the horizontal form styles
360 .form-item .form-label,
361 .mform .fitem div.fitemtitle {
362 // copied from .control-label {
363 float: none;
364 width: auto;
365 padding-top: 0;
366 text-align: left;
367 }
368 .form-item .form-label label{
369 display: inline-block;
370 margin-right: .5em;
371 }
372 .form-item .form-setting .form-checkbox {
373 margin-top: 0;
374 }
375 .form-label span.form-shortname {
376 display: inline-block;
377 }
378 .form-item .form-setting,
379 .mform .fitem .felement,
380 .path-backup .mform .fitem .felement,
381 .mform .fdescription.required,
382 .form-item .form-description {
383 margin-left: 0;
384 }
385 table#form td.submit,
386 .form-buttons,
387 #fitem_id_submitbutton,
388 .fp-content-center form + div,
389 #fgroup_id_buttonar,
390 .form-horizontal .form-actions,
391 .fitem_fsubmit .felement.fsubmit {
392 padding-left: 10px;
393 padding-right: 10px;
394 }
395 #helppopupbox {
396 width: auto !important;
397 left: 0 !important;
398 }
399}
400// Shrink calender when short on space in block
401@media (min-width : 768px) and (max-width: 979px) {
402 .block_calendar_month .content,
403 .block .minicalendar td {
404 padding-left: 0;
405 padding-right: 0;
406 }
407}
408
5d752f4b
NK
409.dir-rtl {
410 .dropdown-menu {
411 right:0;
412 left:auto;
a36f97f7 413 margin-right: 0px;
5d752f4b 414 }
a36f97f7 415 .navbar .nav > li > .dropdown-menu:before {
5d752f4b
NK
416 right:9px;
417 left:auto;
418 }
a36f97f7 419 .navbar .nav > li > .dropdown-menu:after {
5d752f4b
NK
420 right: 10px;
421 left:auto;
422 }
a36f97f7
JC
423 .dropdown-submenu > a:after {
424 margin-right: 0;
425 margin-left: -10px;
426 float: left;
5d752f4b
NK
427 border-right-color: #ccc;
428 border-left-color: transparent;
429 border-width: 5px 5px 5px 0px;
430 }
a36f97f7 431 .dropdown-submenu > .dropdown-menu {
5d752f4b
NK
432 right:100%;
433 left:auto;
434 }
435}
436
8903b17b
BB
437@media (max-width: 979px) {
438 .nav-collapse {
439 height: 0;
440 .nav > li > a {
441 color: @grayDark;
442 }
443 .nav > li > a:hover,
444 .nav > li > a:focus,
445 .dropdown-menu a:hover,
446 .dropdown-menu a:focus,
8903b17b 447 .dropdown-submenu a:hover,
e763d961 448 .dropdown-submenu a:focus,
8903b17b
BB
449 .dropdown-submenu a:active,
450 .dropdown-menu > li > a:hover,
451 .dropdown-menu > li > a:focus,
e763d961
DP
452 .dropdown-submenu:hover > a,
453 .dropdown-submenu:focus > a
8903b17b
BB
454 {
455 background-image: none;
456 color: @grayDark;
457 }
458 }
affa8c03 459 .nav-collapse.in {
8903b17b 460 height: auto;
6da0e4cf
JC
461 .usermenu .moodle-actionmenu[data-enhanced] {
462 .toggle-display {
463 display: none;
464 }
465 .menu {
466 display: block;
467
468 li {
469 margin: 0 0.5em;
470 }
471 }
472 }
8903b17b 473 }
7e7e8fd3
AB
474 .path-mod-data .box > table > tbody > tr > td {
475 display: block;
476 }
9c53c70c
AB
477 .path-mod-forum .forumheaderlist {
478 thead .header {
479 font-weight: normal;
480 font-size: round(@fontSizeSmall);
481 }
482 .discussion {
483 .author, .replies, .lastpost {
484 font-size: round(@fontSizeSmall);
485 }
486 .replies .unread a {
487 padding: 0;
488 }
489 }
490 }
cb9c6a7d
JC
491
492 .navbar {
affa8c03 493 .nav-collapse.in {
cb9c6a7d 494 border-top: 1px solid @navbarBorder;
cb9c6a7d
JC
495 &.pull-left,
496 &.pull-right {
497 float: none;
498 }
499 > .nav {
500 margin: 0;
501
502 // Add padding to first-level links.
503 > li > a {
504 padding-left: 20px;
0163c590 505 border-radius: 0;
cb9c6a7d
JC
506 }
507 .dropdown-menu {
0163c590 508 margin: 0 0 0 15px;
cb9c6a7d 509 li > a {
0163c590 510 border-radius: 0;
cb9c6a7d
JC
511 }
512 }
513 }
514
affa8c03
JC
515 .nav,
516 .nav .dropdown-menu {
cb9c6a7d
JC
517 .dropdown-submenu {
518 .dropdown-toggle {
519 &:after {
520 display: inline-block;
521 float: none;
522 .caret();
523 border-top-color: @navbarBorder;
524 margin-left: 4px;
525 margin-top: 8px;
526 }
527 }
528
529 &.open {
530 > a {
531 background-color: @navbarBackground;
532 }
533 }
534
535 // Suppress showing of submenu menu content on hover.
536 &:hover {
537 .dropdown-menu {
538 display: none;
539 }
540 &.open {
541 > a {
0163c590 542 background-color: @navbarBackground;
cb9c6a7d
JC
543 }
544 > .dropdown-menu,
545 .open > .dropdown-menu {
546 display: block;
547 }
548 }
549 }
550 }
1ee45d68
JC
551 .divider {
552 width: auto;
553 display: block;
0163c590 554 height: 0;
1ee45d68 555 margin: 4px 1px;
0163c590
ME
556 border-left: 0 none;
557 border-right: 0 none;
1ee45d68
JC
558 border-top: 1px solid @navbarBorder;
559 border-bottom: 1px solid @navbarBackgroundHighlight;
560 }
cb9c6a7d
JC
561 }
562 }
0163c590
ME
563 }
564
565 .navbar-inverse {
566 .nav-collapse.in {
567 border-top-color: @navbarInverseBorder;
568 .nav,
569 .nav .dropdown-menu {
570 .dropdown-submenu {
571 .dropdown-toggle {
572 &:after {
573 border-top-color: @navbarInverseBorder;
53324831 574 }
0163c590
ME
575 }
576 &.open {
577 > a {
578 background-color: @navbarInverseBackground;
579 }
580 }
581
582 &:hover {
53324831
JC
583 &.open {
584 > a {
585 background-color: @navbarInverseBackground;
586 }
587 }
53324831
JC
588 }
589 }
0163c590
ME
590 .divider {
591 width: auto;
592 display: block;
593 height: 0;
594 margin: 4px 1px;
595 border-top: 1px solid @navbarInverseBackground;
596 border-bottom: 1px solid lighten(@navbarInverseBackground, 25%);
597 }
53324831 598 }
37cbded0 599 .nav {
600 > li > a {
601 &:hover,
602 &:focus {
603 color: @navbarInverseLinkColorHover;
604 }
605 }
606 }
607 .dropdown-menu a {
608 &:hover,
609 &:focus {
610 color: @navbarInverseLinkColorHover;
611 }
612 > li > a {
613 &:hover,
614 &:focus {
615 color: @navbarInverseLinkColorHover;
616 }
617 }
618 }
619 .dropdown-submenu a {
620 &:hover,
621 &:focus,
622 &:active {
623 color: @navbarInverseLinkColorHover;
624 }
625 }
53324831 626 }
cb9c6a7d 627 }
cfbd8125 628
53324831
JC
629 .dir-rtl {
630 .navbar {
affa8c03 631 .nav-collapse.in {
53324831
JC
632 > .nav {
633 margin: 0;
634 > li > a {
0163c590 635 padding-left: 0;
53324831
JC
636 padding-right: 20px;
637 }
638 .dropdown-menu {
0163c590 639 margin: 0 15px 0 0;
53324831
JC
640 }
641 }
642 .dropdown-menu {
643 > li {
644 > a {
645 padding: 9px 15px;
646 }
647 }
648 }
649 .nav,
650 .nav .dropdown-menu {
651 .dropdown-submenu {
652 .dropdown-toggle {
653 &:after {
0163c590 654 margin-left: 0;
53324831
JC
655 margin-right: 4px;
656 }
657 }
658 }
659 }
660 }
661 }
662 }
8903b17b
BB
663}
664
d8037b26 665@media (max-width: 767px) {
8903b17b
BB
666// Resize, reflow file-picker on small devices
667 #filesskin .yui3-panel,
668 #filesskin .file-picker.fp-generallayout {
669 width: 100%;
670 left: 0;
671 }
672 .userprofile dl.list {
673 // copied from dl-horizontal in bootstrap/repsonsive.less
674 dt {
675 float: none;
676 clear: none;
677 width: auto;
678 text-align: left;
679 }
680 dd {
681 margin-left: 0;
682 }
683 }
47e00c34
RW
684 // Reset the alignment for required label to display inline on mobile devices
685 #page-mod-wiki-create .mform .fitem div.fitemtitle {
686 float: left;
687 }
688
8903b17b
BB
689 // GRID & CONTAINERS
690 // -----------------
691 // Remove width from containers
692 .container {
693 width: auto;
694 }
695 // Fluid rows
696 .row-fluid {
697 width: 100%;
698 }
699 .row-fluid .span8.pull-right,
700 .row-fluid .span9.pull-right {
701 float: none;
702 }
703 // Undo negative margin on rows and thumbnails
704 .row {
705 margin-left: 0;
706 }
707 // Make all grid-sized elements block level again
708 [class*="span"],
709 .row-fluid [class*="span"] {
710 float: none;
711 display: block;
712 width: 100%;
713 margin-left: 0;
714 .box-sizing(border-box);
715 }
338021b9 716
d8037b26
GB
717 // We need to specify a more specific selector to reset the width for
718 // cases when we have content in the side-pre blockregion but not in the
719 // side-post blockregion as there are more specific selectors in
720 // core.less which take precedence which break responsiveness.
721 .empty-region-side-post.used-region-side-pre, // Post region is empty and pre region is in use.
722 .jsenabled.docked-region-side-post.used-region-side-pre { // All post blocks docked and pre region is in use.
723 #block-region-side-pre.span4,
724 #region-main.span8 {
725 .fluid-span(12);
726 }
727 }
338021b9 728
8903b17b
BB
729 .row-fluid .span12 {
730 width: 100%;
731 .box-sizing(border-box);
732 }
733 .row-fluid [class*="offset"]:first-child {
734 margin-left: 0;
735 }
736 div[role=main] {
f6606495 737 margin-bottom: 1em;
8903b17b 738 }
759e970f
AB
739 .coursebox {
740 .info {
741 .name {
742 a {
743 background-position: 0 13px;
744 }
745 }
746 }
747 }
748 .category-browse {
749 .coursebox {
750 .info {
751 .name {
752 a {
753 background-position: 0 13px;
754 }
755 }
756 }
757 }
758 }
8903b17b 759}
5dc361e1
SH
760
761// All widths between 1200px and 1600px
762@media (min-width: 1200px) and (max-width: 1600px) {
d8037b26
GB
763 .fluid-span (@columns) {
764 .fluid-span-full(@columns, @fluidGridColumnWidth1200, @fluidGridGutterWidth1200);
765 }
5dc361e1
SH
766 // CSS for the course management pages.
767 #course-category-listings.columns-3 {
e514c722 768 background-color: @tableBackground;
5dc361e1
SH
769 border:0;
770
771 #category-listing,
772 #course-listing {
773 .fluid-span(6);
d8037b26
GB
774 margin-left: @fluidGridGutterWidth1200;
775 *margin-left: @fluidGridGutterWidth1200 - (.5 / @gridRowWidth * 100 * 1%);
5dc361e1
SH
776 &:first-child {
777 margin-left: 0;
778 }
779 }
780 #course-detail {
781 .fluid-span(12);
782 margin: 1em 0 0;
783 }
784 }
5dc361e1
SH
785}
786
787// All widths up to 1199px.
788@media (max-width: 1199px) {
1d20cf37
JF
789
790 // Editor on question pages
791 .path-question {
792 #id_answerhdr div.fitem {
793 padding-right: 6px;
794 padding-left: 4px;
795 }
796 }
5dc361e1
SH
797 // CSS for the course management pages.
798 #course-category-listings.columns-3 {
e514c722 799 background-color: @tableBackground;
5dc361e1
SH
800 border:0;
801 #category-listing,
802 #course-listing,
803 #course-detail {
804 .fluid-span(12);
805 margin: 0 0 1em 0;
806 }
807 }
35620f63
SH
808
809 #page-mod-forum-discuss .discussioncontrols {
810 text-align: right;
811 .discussioncontrol {
812 float: none;
813 width: auto;
814 display: inline-block;
815 margin: 0 3px 0.5em;
816 select,
817 input {
818 margin-bottom: 0;
819 }
820 &.movediscussion {
821 margin-right: 0;
822 padding-right: 0;
823 }
824 }
825 }
826
827 #page-mod-forum-discuss.dir-rtl .discussioncontrols {
828 text-align: left;
829 }
338021b9 830}
88d366e5
JF
831
832
833// File Picker.
834@media (max-width: 768px) {
835 .fp-forminset .control-group .controls {
836 margin-left: 0;
837 }
838 .dir-rtl .fp-formset .control-group {
839 label.control-label {
840 text-align: right;
841 float: none;
842 }
843 }
844 .dir-rtl .fp-forminset .control-group {
845 label.control-label {
846 text-align: right;
847 float: none;
848 }
849 .controls {
850 margin-right: 0;
851 }
852 }
d8037b26 853}