github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Fixed issues with lockscreen css

pull/229/merge
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

26
build/less/lockscreen.less
View File

@ -21,12 +21,6 @@
margin: 0 auto; margin: 0 auto;
margin-top: 10%; margin-top: 10%;
} }
@media (max-width: @screen-xs-max) {
.lockscreen .headline {
font-size: 60px;
margin-bottom: 40px;
}
}
/* User name [optional] */ /* User name [optional] */
.lockscreen .lockscreen-name { .lockscreen .lockscreen-name {
@ -40,39 +34,35 @@
padding: 0; padding: 0;
background: #fff; background: #fff;
position: relative; position: relative;
margin: 10px auto 45px auto; margin: 10px auto 30px auto;
width: 290px; width: 290px;
} }
/* User image */ /* User image */
.lockscreen-image { .lockscreen-image {
.border-radius(50%);
position: absolute; position: absolute;
left: -10px; left: -10px;
top: -30px; top: -25px;
background: #fff; background: #fff;
padding: 10px; padding: 5px;
.border-radius(50%);
z-index: 10; z-index: 10;
> img { > img {
.border-radius(50%);
width: 70px; width: 70px;
height: 70px; height: 70px;
.border-radius(50%);
} }
} }
/* Contains the password input and the login button */ /* Contains the password input and the login button */
.lockscreen-credentials { .lockscreen-credentials {
margin-left: 80px; margin-left: 70px;
input { .form-control {
border: 0 !important; border: 0 !important;
} }
.btn { .btn {
background-color: #fff; background-color: #fff;
border: 0; 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: 0 auto;
margin-top: 10%; margin-top: 10%;
} }
@media (max-width: 767px) {
.lockscreen .headline {
font-size: 60px;
margin-bottom: 40px;
}
}
/* User name [optional] */ /* User name [optional] */
.lockscreen .lockscreen-name { .lockscreen .lockscreen-name {
text-align: center; text-align: center;
@ -2589,39 +2583,35 @@ table.text-center th {
padding: 0; padding: 0;
background: #fff; background: #fff;
position: relative; position: relative;
margin: 10px auto 45px auto; margin: 10px auto 30px auto;
width: 290px; width: 290px;
} }
/* User image */ /* User image */
.lockscreen-image { .lockscreen-image {
border-radius: 50%;
position: absolute; position: absolute;
left: -10px; left: -10px;
top: -30px; top: -25px;
background: #fff; background: #fff;
padding: 10px; padding: 5px;
border-radius: 50%;
z-index: 10; z-index: 10;
} }
.lockscreen-image > img { .lockscreen-image > img {
border-radius: 50%;
width: 70px; width: 70px;
height: 70px; height: 70px;
border-radius: 50%;
} }
/* Contains the password input and the login button */ /* Contains the password input and the login button */
.lockscreen-credentials { .lockscreen-credentials {
margin-left: 80px; margin-left: 70px;
} }
.lockscreen-credentials input { .lockscreen-credentials .form-control {
border: 0 !important; border: 0 !important;
} }
.lockscreen-credentials .btn { .lockscreen-credentials .btn {
background-color: #fff; background-color: #fff;
border: 0; 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;
} }
/* /*
* Page: Login & Register * 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"> <div class="input-group">
<input type="password" class="form-control" placeholder="password" /> <input type="password" class="form-control" placeholder="password" />
<div class="input-group-btn"> <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>
</div> </div>
</form><!-- /.lockscreen credentials --> </form><!-- /.lockscreen credentials -->
@ -47,7 +47,7 @@
<div class="help-block text-center"> <div class="help-block text-center">
Enter your password to retrieve your session Enter your password to retrieve your session
</div> </div>
<div class="lockscreen-link"> <div class='text-center'>
<a href="login.html">Or sign in as a different user</a> <a href="login.html">Or sign in as a different user</a>
</div> </div>
</div><!-- /.center --> </div><!-- /.center -->