diff options
author | Petr Vobornik <pvoborni@redhat.com> | 2014-01-27 18:15:31 +0100 |
---|---|---|
committer | Simo Sorce <simo@redhat.com> | 2014-02-17 09:46:38 -0500 |
commit | 05a4b2436e2aa51ba8b197ce38059163faa928ae (patch) | |
tree | cb1c5ae3ca420ffc66781aabcacd9b70e6f9073f /less/patternfly/login.less | |
parent | fa5bb8dca04e2876d9def529a77b5273b5243169 (diff) | |
download | ipsilon-05a4b2436e2aa51ba8b197ce38059163faa928ae.tar.gz ipsilon-05a4b2436e2aa51ba8b197ce38059163faa928ae.tar.xz ipsilon-05a4b2436e2aa51ba8b197ce38059163faa928ae.zip |
Add PatternFly files
Signed-off-by: Petr Vobornik <pvoborni@redhat.com>
Reviewed-by: Simo Sorce <simo@redhat.com>
Diffstat (limited to 'less/patternfly/login.less')
-rwxr-xr-x | less/patternfly/login.less | 117 |
1 files changed, 117 insertions, 0 deletions
diff --git a/less/patternfly/login.less b/less/patternfly/login.less new file mode 100755 index 0000000..39c2621 --- /dev/null +++ b/less/patternfly/login.less @@ -0,0 +1,117 @@ +// +// Login +// -------------------------------------------------- + +.login-pf { + height: 100%; + #brand { + position: relative; + top: -70px; + img { + display: block; + height: 18px; + margin: 0 auto; + max-width: 100%; + @media (min-width: @screen-sm-min) { + margin: 0; + text-align: left; + } + } + } + #badge { + display: block; + margin: 20px auto 70px; + position: relative; + text-align: center; + @media (min-width: @screen-sm-min) { + float: right; + margin-right: 64px; + margin-top: 50px; + } + } + body { + background: @login-bg-color url("@{img-path}/@{img-bg-login}") repeat-x 50% 0; + background-size: auto; + color: #fff; + @media (min-width: @screen-sm-min) { + background-size: 100% auto; + } + } + .container { + background-color: @login-container-bg-color; + background-color: @login-container-bg-color-rgba; + clear: right; + padding-bottom: 40px; + padding-top: 20px; + width: auto; + @media (min-width: @screen-sm-min) { + bottom: 13%; + padding-left: 80px; + position: absolute; + width: 100%; + } + .details { + p:first-child { + border-top: 1px solid #474747; + padding-top: 25px; + margin-top: 25px; + } + @media (min-width: @screen-sm-min) { + p:first-child { + border-top: 0; + padding-top: 0; + margin-top: 0; + } + border-left: 1px solid #474747; + padding-left: 40px; + } + p { + margin-bottom: 2px; + } + } + .form-horizontal { + .control-label { + font-size: @font-size-base + 1; + font-weight: 400; + text-align: left; + } + .form-group:last-child { + &, .help-block:last-child { + margin-bottom: 0; + } + } + } + .help-block { + color: #fff; + } + .login { + @media (min-width: @screen-sm-min) { + padding-right: 40px; + } + } + .submit { + text-align: right; + } + } +} + +.ie8.login-pf { + #badge { + background: url('@{img-path}/@{img-badge-ie8}') no-repeat; + height: @img-badge-ie8-height; + width: @img-badge-ie8-width; + img { + width: 0; + } + } + #brand { + background: url('@{img-path-alt}/@{img-brand-lg-ie8}') no-repeat center; + background-size: cover auto; + @media (min-width: @screen-sm-min) { + background-position: 0 0; + } + img { + width: 0; + } + } +} |