diff -r 23c0c267b970 -r c87d242a1176 src/ztfy/myams/resources/less/content.less --- a/src/ztfy/myams/resources/less/content.less Fri Mar 27 15:59:45 2015 +0100 +++ b/src/ztfy/myams/resources/less/content.less Fri Mar 27 16:00:30 2015 +0100 @@ -104,6 +104,30 @@ border-left: 5px solid transparent; } +.fixed { + position: fixed; +} +.xs-fixed { + @media (max-width: 768px) { + position: fixed; + } +} +.sm-fixed { + @media (min-width: 768px) and (max-width: 992px) { + position: fixed; + } +} +.md-fixed { + @media (min-width: 992px) and (max-width: 1200px) { + position: fixed; + } +} +.lg-fixed { + @media (min-width: 1200px) { + position: fixed; + } +} + .outside { position: absolute; left: -9999px; @@ -139,27 +163,6 @@ } } -.modal-dialog { - &.modal-large { - @media only screen and (min-width: 768px) { - width: 80%; - max-width: 900px; - } - } - &.modal-medium { - @media only screen and (min-width: 768px) { - width: 60%; - max-width: 650px; - } - } - &.modal-small { - @media only screen and (min-width: 768px) { - width: 40%; - max-width: 450px; - } - } -} - .viewport { &-y { overflow-y: auto; @@ -173,6 +176,18 @@ &.viewport-300 { max-height: 300px; } + &.viewport-600 { + max-height: 600px; + } + &.viewport-400 { + max-height: 400px; + } + &.viewport-500 { + max-height: 500px; + } + &.viewport-600 { + max-height: 600px; + } } &-x { overflow-x: auto; @@ -186,6 +201,36 @@ &.viewport-300 { max-width: 300px; } + &.viewport-400 { + max-width: 400px; + } + &.viewport-500 { + max-width: 500px; + } + &.viewport-600 { + max-width: 600px; + } + } +} + +.height { + &-100 { + min-height: 100px; + } + &-200 { + min-height: 200px; + } + &-300 { + min-height: 300px; + } + &-400 { + min-height: 400px; + } + &-500 { + min-height: 500px; + } + &-600 { + min-height: 600px; } } @@ -247,9 +292,14 @@ .help { font-size: 90%; + padding: 5px!important; p { margin: 0 0 1px; + line-height: 1.15; + } + .modal-dialog & { + margin-bottom: 5px!important; } }