AdminLTE/build/less/lockscreen.less

/*
 * Page: Lock Screen
 * -----------------
 */
/* ADD THIS CLASS TO THE <BODY> TAG */
.lockscreen {
  background: @gray;//url(../img/boxed-bg.png) repeat;
}

/* We will put the dynamically generated digital clock here */
.lockscreen-logo {
  font-size: 35px;
  text-align: center;
  margin-bottom: 25px;
  a {
    color: #444;
  }
}
.lockscreen-wrapper {
  max-width: 400px;
  margin: 0 auto;
  margin-top: 10%;
}
@media (max-width: @screen-xs-max) {
  .lockscreen .headline {
    font-size: 60px;
    margin-bottom: 40px;
  }
}

/* User name [optional] */
.lockscreen .lockscreen-name {
  text-align: center;
  font-weight: 600;
}

/* Will contain the image and the sign in form */
.lockscreen-item {
  .border-radius(4px);
  padding: 0;
  background: #fff;
  position: relative;
  margin: 10px auto 45px auto;
  width: 290px;
}

/* User image */
.lockscreen-image {
  position: absolute;
  left: -10px;
  top: -30px;
  background: #fff;
  padding: 10px;
  .border-radius(50%);
  z-index: 10;
  > img {
    width: 70px;
    height: 70px;
    .border-radius(50%);
  }
}

/* Contains the password input and the login button */
.lockscreen-credentials {
  margin-left: 80px;
  input {
    border: 0 !important;
  }
  .btn {
    background-color: #fff;
    border: 0;
  }
}
/* Extra to give the user an option to navigate the website [optional]*/
.lockscreen-link {
  margin-top: 30px;
  text-align: center;
}
AdminLTE 2.0 alpha 10 years ago			`/*`
			`* Page: Lock Screen`
			`* -----------------`
			`*/`
Made all logo links consistent 10 years ago			`/* ADD THIS CLASS TO THE <BODY> TAG */`
AdminLTE 2.0 alpha 10 years ago			`.lockscreen {`
Made all logo links consistent 10 years ago			`background: @gray;//url(../img/boxed-bg.png) repeat;`
AdminLTE 2.0 alpha 10 years ago			`}`

			`/* We will put the dynamically generated digital clock here */`
Made all logo links consistent 10 years ago			`.lockscreen-logo {`
Updated lockscreen style 10 years ago			`font-size: 35px;`
Made all logo links consistent 10 years ago			`text-align: center;`
			`margin-bottom: 25px;`
			`a {`
			`color: #444;`
			`}`
			`}`
			`.lockscreen-wrapper {`
			`max-width: 400px;`
			`margin: 0 auto;`
			`margin-top: 10%;`
AdminLTE 2.0 alpha 10 years ago			`}`
Fixed media queries 10 years ago			`@media (max-width: @screen-xs-max) {`
AdminLTE 2.0 alpha 10 years ago			`.lockscreen .headline {`
			`font-size: 60px;`
			`margin-bottom: 40px;`
			`}`
			`}`

			`/* User name [optional] */`
			`.lockscreen .lockscreen-name {`
			`text-align: center;`
			`font-weight: 600;`
			`}`

			`/* Will contain the image and the sign in form */`
			`.lockscreen-item {`
Updated lockscreen style 10 years ago			`.border-radius(4px);`
AdminLTE 2.0 alpha 10 years ago			`padding: 0;`
			`background: #fff;`
			`position: relative;`
Updated lockscreen style 10 years ago			`margin: 10px auto 45px auto;`
AdminLTE 2.0 alpha 10 years ago			`width: 290px;`
			`}`

			`/* User image */`
Made all logo links consistent 10 years ago			`.lockscreen-image {`
AdminLTE 2.0 alpha 10 years ago			`position: absolute;`
			`left: -10px;`
			`top: -30px;`
			`background: #fff;`
			`padding: 10px;`
			`.border-radius(50%);`
			`z-index: 10;`
			`> img {`
			`width: 70px;`
			`height: 70px;`
			`.border-radius(50%);`
			`}`
			`}`

			`/* Contains the password input and the login button */`
Made all logo links consistent 10 years ago			`.lockscreen-credentials {`
AdminLTE 2.0 alpha 10 years ago			`margin-left: 80px;`
			`input {`
			`border: 0 !important;`
			`}`
			`.btn {`
			`background-color: #fff;`
			`border: 0;`
			`}`
			`}`
			`/* Extra to give the user an option to navigate the website [optional]*/`
			`.lockscreen-link {`
			`margin-top: 30px;`
			`text-align: center;`
			`}`