maxmustermann/AdminLTE
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fixed issues with lockscreen css

Browse source
This commit is contained in:
Abdullah Almsaeed 2015-02-05 18:18:29 -05:00
parent 2fd6632111
commit c371b396af
4 changed files with 21 additions and 41 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
build/less/lockscreen.less
View file

@ -21,17 +21,11 @@
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;
font-weight: 600;
}
/* Will contain the image and the sign in form */
@ -40,39 +34,35 @@
padding: 0;
background: #fff;
position: relative;
margin: 10px auto 45px auto;
margin: 10px auto 30px auto;
width: 290px;
}
/* User image */
.lockscreen-image {
.border-radius(50%);
position: absolute;
left: -10px;
top: -30px;
top: -25px;
background: #fff;
padding: 10px;
.border-radius(50%);
padding: 5px;
z-index: 10;
> img {
width: 70px;
height: 70px;
.border-radius(50%);
width: 70px;
height: 70px;
}
}
/* Contains the password input and the login button */
.lockscreen-credentials {
margin-left: 80px;
input {
margin-left: 70px;
.form-control {
border: 0 !important;
}
.btn {
background-color: #fff;
border: 0;
padding: 0 10px;
}
}
/* Extra to give the user an option to navigate the website [optional]*/
.lockscreen-link {
margin-top: 30px;
text-align: center;
}

26
dist/css/AdminLTE.css vendored
View file

@ -2572,12 +2572,6 @@ table.text-center th {
margin: 0 auto;
margin-top: 10%;
}
@media (max-width: 767px) {
.lockscreen .headline {
font-size: 60px;
margin-bottom: 40px;
}
}
/* User name [optional] */
.lockscreen .lockscreen-name {
text-align: center;
@ -2589,39 +2583,35 @@ table.text-center th {
padding: 0;
background: #fff;
position: relative;
margin: 10px auto 45px auto;
margin: 10px auto 30px auto;
width: 290px;
}
/* User image */
.lockscreen-image {
border-radius: 50%;
position: absolute;
left: -10px;
top: -30px;
top: -25px;
background: #fff;
padding: 10px;
border-radius: 50%;
padding: 5px;
z-index: 10;
}
.lockscreen-image > img {
border-radius: 50%;
width: 70px;
height: 70px;
border-radius: 50%;
}
/* Contains the password input and the login button */
.lockscreen-credentials {
margin-left: 80px;
margin-left: 70px;
}
.lockscreen-credentials input {
.lockscreen-credentials .form-control {
border: 0 !important;
}
.lockscreen-credentials .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;
padding: 0 10px;
}
/*
* Page: Login & Register

2
dist/css/AdminLTE.min.css vendored
View file

File diff suppressed because one or more lines are too long

4
pages/examples/lockscreen.html
View file

@ -38,7 +38,7 @@
<div class="input-group">
<input type="password" class="form-control" placeholder="password" />
<div class="input-group-btn">
<button class="btn btn-flat"><i class="fa fa-arrow-right text-muted"></i></button>
<button class="btn"><i class="fa fa-arrow-right text-muted"></i></button>
</div>
</div>
</form><!-- /.lockscreen credentials -->
@ -47,7 +47,7 @@
<div class="help-block text-center">
Enter your password to retrieve your session
</div>
<div class="lockscreen-link">
<div class='text-center'>
<a href="login.html">Or sign in as a different user</a>
</div>
</div><!-- /.center -->