3 Created on : Apr 23, 2014, 11:24:28 AM
6 Purpose of the stylesheet follows.
25 .modal-md-12 .modal-dialog {
29 .modal-md-11 .modal-dialog {
30 width: 91.66666666666666%;
33 .modal-md-10 .modal-dialog {
34 width: 83.33333333333334%;
37 .modal-md-9 .modal-dialog {
41 .modal-md-8 .modal-dialog {
42 width: 66.66666666666666%;
45 .modal-md-7 .modal-dialog {
46 width: 58.333333333333336%;
49 .modal-md-6 .modal-dialog {
53 .modal-md-5 .modal-dialog {
54 width: 41.66666666666667%;
57 .modal-md-4 .modal-dialog {
58 width: 33.33333333333333%;
61 .modal-md-3 .modal-dialog {
65 .modal-md-2 .modal-dialog {
66 width: 16.666666666666664%;
69 .modal-md-1 .modal-dialog {
70 width: 8.333333333333332%;
75 this appears to break the layout on dialog buttons on mobile?
76 @media (max-width: 568px) {
77 .modal-footer .btn+.btn {
84 .modal-body.roo-layout-container,
85 .modal-body > .container {
93 .modal-body > .container .col-xs-12
98 @media (max-width: 768px) {
99 .modal-body .col-md-12 {
114 .modal .roo-mb-progress-wrap {
116 border: 1px solid @brand-primary;
119 .modal .roo-mb-progress-wrap .roo-mb-progress {
121 background: transparent url(../images/default/basic-dialog/progress2.gif) repeat-x 1px 1px;