less/patternfly/login.less

   1 //
   2 // Login
   3 // --------------------------------------------------
   4
   5 .login-pf {
   6   height: 100%;
   7   #brand {
   8     position: relative;
   9     top: -70px;
  10     img {
  11       display: block;
  12       height: 18px;
  13       margin: 0 auto;
  14       max-width: 100%;
  15       @media (min-width: @screen-sm-min) {
  16         margin: 0;
  17         text-align: left;
  18       }
  19     }
  20   }
  21   #badge {
  22     display: block;
  23     margin: 20px auto 70px;
  24     position: relative;
  25     text-align: center;
  26     @media (min-width: @screen-sm-min) {
  27       float: right;
  28       margin-right: 64px;
  29       margin-top: 50px;
  30     }
  31   }
  32   body {
  33     background: @login-bg-color url("@{img-path}/@{img-bg-login}") repeat-x 50% 0;
  34     background-size: auto;
  35     @media (min-width: @screen-sm-min) {
  36       background-size: 100% auto;
  37     }
  38   }
  39   .container {
  40     background-color: @login-container-bg-color;
  41     background-color: @login-container-bg-color-rgba;
  42     clear: right;
  43     color: #fff;
  44     padding-bottom: 40px;
  45     padding-top: 20px;
  46     width: auto;
  47     @media (min-width: @screen-sm-min) {
  48       bottom: 13%;
  49       padding-left: 80px;
  50       position: absolute;
  51       width: 100%;
  52     }
  53     [class^='alert'] {
  54       background: transparent;
  55       color: #fff;
  56     }
  57     .details {
  58       p:first-child {
  59         border-top: 1px solid #474747;
  60         padding-top: 25px;
  61         margin-top: 25px;
  62       }
  63       @media (min-width: @screen-sm-min) {
  64         p:first-child {
  65           border-top: 0;
  66           padding-top: 0;
  67           margin-top: 0;
  68         }
  69         border-left: 1px solid #474747;
  70         padding-left: 40px;
  71       }
  72       p {
  73         margin-bottom: 2px;
  74       }
  75     }
  76     .form-horizontal {
  77       .control-label {
  78         font-size: @font-size-base + 1;
  79         font-weight: 400;
  80         text-align: left;
  81       }
  82       .form-group:last-child {
  83         &, .help-block:last-child {
  84           margin-bottom: 0;
  85         }
  86       }
  87     }
  88     .help-block {
  89       color: #fff;
  90     }
  91     .login {
  92       @media (min-width: @screen-sm-min) {
  93         padding-right: 40px;
  94       }
  95     }
  96     .submit {
  97       text-align: right;
  98     }
  99   }
 100 }