github.com/pf-qiu/concourse/v6@v6.7.3-0.20201207032516-1f455d73275f/web/assets/css/login.less (about)

     1  .login-page {
     2    text-align: center;
     3  }
     4  
     5  .auth-method {
     6    padding-top: 10px;
     7  }
     8  
     9  .small-title {
    10    font-size: 10pt;
    11    font-style: italic;
    12    color: @grey50;
    13    padding-top: 55px;
    14    text-align: center;
    15  }
    16  
    17  .small-title a {
    18    color: inherit;
    19    width: 450px;
    20    display: inline-block;
    21    text-align: left;
    22  }
    23  
    24  .small-title i {
    25    position: relative;
    26    top: 1px;
    27    padding-right: 3px;
    28  }
    29  
    30  .login-box {
    31    box-sizing: border-box;
    32    display: inline-block;
    33    text-align: left;
    34    font-size: 12pt;
    35    margin: 22px;
    36    width: 450px;
    37    background: @grey100;
    38    color: @grey50;
    39    min-height: 300px;
    40    padding: 10px 40px 40px;
    41  
    42    &.team-selection {
    43      padding: 0;
    44    }
    45  }
    46  
    47  .team-selection {
    48    line-height: 35px;
    49  }
    50  
    51  .bright-text {
    52    color: @grey20;
    53  }
    54  
    55  .auth-methods-title {
    56    margin-bottom: 20px;
    57    text-align: center;
    58  }
    59  
    60  .basic-auth label {
    61    margin-bottom: 3px;
    62    display: block;
    63  }
    64  
    65  .basic-auth .input-holder {
    66    padding-right: 20px;
    67  }
    68  
    69  .basic-auth input {
    70    background: @grey90;
    71    padding: 4px 10px;
    72    margin-bottom: 12px;
    73    border-radius: 2px;
    74  }
    75  
    76  .login-button {
    77    text-align: center;
    78  
    79    button {
    80      font: inherit;
    81      background: @grey80;
    82      color: @grey20;
    83      border: none;
    84      border-radius: 2px;
    85      padding: 4px 22px;
    86      cursor: pointer;
    87    }
    88  }
    89  
    90  .basic-auth .login-button {
    91    margin-top: 5px;
    92  }
    93  
    94  .auth-methods a {
    95    display: inline-block;
    96    width: 250px;
    97    line-height: 30px;
    98    text-align: center;
    99    border-radius: 2px;
   100    background: @grey80;
   101    color: @grey20;
   102    margin-bottom: 10px;
   103  }
   104  
   105  .login-box input {
   106    font: inherit;
   107    color: inherit;
   108    border: none;
   109    width: 100%;
   110  
   111    &::-webkit-input-placeholder { /* WebKit, Blink, Edge */
   112      color: @grey70;
   113    }
   114  
   115    &::-moz-placeholder { /* Mozilla Firefox 19+ */
   116      color: @grey70;
   117      opacity: 1;
   118    }
   119  
   120    &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   121      color: @grey70;
   122      opacity: 1;
   123    }
   124  
   125    &:-ms-input-placeholder { /* Internet Explorer 10-11 */
   126      color: @grey70;
   127    }
   128  }
   129  
   130  .filter-form input {
   131    background: inherit;
   132    padding: 0 18px 0 48px;
   133  }
   134  
   135  .team-selection .input-holder {
   136    padding-right: 66px;
   137  }
   138  
   139  .team-selection form {
   140    border-bottom: 1px solid @grey90;
   141  }
   142  
   143  .team-selection a {
   144    border-bottom: 1px solid @grey90;
   145    display: block;
   146    color: inherit;
   147    padding: 0 18px;
   148  }
   149  
   150  .filter-form {
   151    position: relative;
   152  
   153    i {
   154      font-size: 1.1em;
   155      line-height: inherit;
   156      color: @grey80;
   157  
   158      &.search-icon {
   159        position: absolute;
   160        top: 0;
   161        left: 18px;
   162      }
   163    }
   164  
   165    .clear-button {
   166      position: absolute;
   167      top: 0;
   168      right: 18px;
   169      font: inherit;
   170      background: transparent;
   171      border: none;
   172      padding: 0;
   173      cursor: pointer;
   174  
   175      &:active {
   176        outline: none;
   177      }
   178    }
   179  
   180    .search-input:invalid ~ .clear-button {
   181      display: none;
   182    }
   183  }
   184  
   185  .loading {
   186    line-height: inherit;
   187    text-align: center;
   188  }
   189  
   190  .or-bar {
   191    position: relative;
   192    text-align: center;
   193    background: inherit;
   194    color: @grey70;
   195  }
   196  
   197  .or-bar div {
   198    position: absolute;
   199    height: 2px;
   200    background: @grey70;
   201    width: 100%;
   202    margin: 27px 0;
   203  }
   204  
   205  .or-bar span {
   206    line-height: 56px;
   207    display: inline-block;
   208    background: inherit;
   209    position: relative;
   210    padding: 0 25px;
   211  }
   212  
   213  .login-error {
   214    font-size: 11pt;
   215    color: @base08;
   216    padding-top: 15px;
   217    padding-bottom: 15px;
   218    text-align: center;
   219  }