summaryrefslogtreecommitdiffstats
path: root/less/patternfly/login.less
diff options
context:
space:
mode:
Diffstat (limited to 'less/patternfly/login.less')
-rwxr-xr-xless/patternfly/login.less117
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;
+ }
+ }
+}