storj.io/minio@v0.0.0-20230509071714-0cbc90f649b1/browser/app/less/inc/login.less (about)

     1  .login {
     2      height: 100vh;
     3      min-height: 500px;
     4      background: #002a37;
     5  
     6      text-align: center;
     7      &:before {
     8          height: ~"calc(100% - 110px)";
     9          width: 1px;
    10          content: "";
    11      }
    12  }
    13  
    14  .l-wrap,
    15  .login:before {
    16      display: inline-block;
    17      vertical-align: middle;
    18  }
    19  
    20  .l-wrap {
    21      width: 80%;
    22      max-width: 500px;
    23      margin-top: -50px;
    24      &.toggled {
    25          display: inline-block;
    26      }
    27  
    28      .input-group:not(:last-child) {
    29          margin-bottom: 40px;
    30      }
    31  }
    32  
    33  .l-footer {
    34      height: 110px;
    35      padding: 0 50px;
    36  }
    37  
    38  .lf-logo {
    39      float: right;
    40      img {
    41          width: 40px;
    42      }
    43  }
    44  
    45  .lf-server {
    46      float: left;
    47      color: rgba(255, 255, 255, 0.4);
    48      font-size: 20px;
    49      font-weight: 400;
    50      padding-top: 40px;
    51  }
    52  
    53  @media (max-width: @screen-sm-min) {
    54      .lf-logo,
    55      .lf-server {
    56          float: none;
    57          display: block;
    58          text-align: center;
    59          width: 100%;
    60      }
    61  
    62      .lf-logo {
    63          margin-bottom: 5px;
    64      }
    65  
    66      .lf-server {
    67          font-size: 15px;
    68      }
    69  }
    70  
    71  .lw-btn {
    72      width: 50px;
    73      height: 50px;
    74      border: 1px solid @white;
    75      display: inline-block;
    76      border-radius: 50%;
    77      font-size: 22px;
    78      color: @white;
    79      .transition(all);
    80      .transition-duration(300ms);
    81      opacity: 0.3;
    82      background-color: transparent;
    83      line-height: 45px;
    84      padding: 0;
    85      &:hover {
    86          color: @white;
    87          opacity: 0.8;
    88          border-color: @white;
    89      }
    90  
    91      i {
    92          display: block;
    93          width: 100%;
    94          padding-left: 3px;
    95      }
    96  }
    97  
    98  .openid-login {
    99      margin-top: 30px;
   100  }
   101  
   102  .openid-btn {
   103      display: inline-block;
   104      color: @link-color;
   105      margin-top: 30px;
   106      border-width: 1px;
   107      border-style: solid;
   108      opacity: 0.6;
   109      font-size: 14px;
   110      &:hover {
   111          opacity: 1;
   112          cursor: pointer;
   113      }
   114  }
   115  
   116  .or {
   117      display:flex;
   118      justify-content:center;
   119      align-items: center;
   120      color:grey;
   121    }
   122  
   123  .or:after,
   124  .or:before {
   125      content: "";
   126      display: block;
   127      background: grey;
   128      width: 10px;
   129      height: 1px;
   130      margin: 0 10px;
   131  }
   132  
   133  /*------------------------------
   134      Chrome autofill fix
   135  -------------------------------*/
   136  input:-webkit-autofill {
   137       -webkit-box-shadow:0 0 0 50px #002a37 inset !important;
   138       -webkit-text-fill-color: @white !important;
   139      caret-color: white;
   140  }