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

Added icheck to login & register pages

pull/229/merge
Abdullah Almsaeed 2015-02-06 17:08:16 -05:00
parent fd947242ac
commit f73abda0f3
10 changed files with 49 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
build/less/core.less
View File

@ -45,8 +45,8 @@ body {
.content-wrapper,
.right-side,
.main-footer {
.transition-transform(@transition-speed @transition-fn);
.transition(margin-left @transition-speed @transition-fn);
.transition(transform @transition-speed @transition-fn);
margin-left: @sidebar-width;
//Top nav layout
.layout-top-nav & {

4
build/less/forms.less
View File

@ -74,8 +74,6 @@
}
}
/* Checkbox and radio inputs */
.checkbox,
.radio {
.icheck > label {
padding-left: 0;
}

1
build/less/header.less
View File

@ -88,6 +88,7 @@
width: @sidebar-width;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0 15px;
font-weight: 300;
}
}

1
build/less/lockscreen.less
View File

@ -10,6 +10,7 @@
font-size: 35px;
text-align: center;
margin-bottom: 25px;
font-weight: 300;
a {
color: #444;
}

1
build/less/login_and_register.less
View File

@ -8,6 +8,7 @@
font-size: 35px;
text-align: center;
margin-bottom: 25px;
font-weight: 300;
a {
color: #444;
}

2
build/less/sidebar.less
View File

@ -12,7 +12,7 @@
left: 0;
width: @sidebar-width;
z-index: 810;
.transition(transform @transition-speed @transition-fn);
.transition-transform(@transition-speed @transition-fn);
@media (max-width: @screen-xs-max) {
.translate(-@sidebar-width, 0);
}

19
dist/css/AdminLTE.css vendored
View File

@ -57,12 +57,13 @@ body {
.content-wrapper,
.right-side,
.main-footer {
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
-webkit-transition: margin-left 0.3s ease;
-o-transition: margin-left 0.3s ease;
transition: margin-left 0.3s ease;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
margin-left: 230px;
}
.layout-top-nav .content-wrapper,
@ -277,6 +278,7 @@ a:focus {
width: 230px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0 15px;
font-weight: 300;
}
.content-header {
position: relative;
@ -383,8 +385,9 @@ a:focus {
left: 0;
width: 230px;
z-index: 810;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
}
@media (max-width: 767px) {
@ -938,9 +941,7 @@ a:focus {
.btn-group-vertical .btn.btn-flat:last-of-type {
border-radius: 0;
}
/* Checkbox and radio inputs */
.checkbox,
.radio {
.icheck > label {
padding-left: 0;
}
/*
@ -2571,6 +2572,7 @@ table.text-center th {
font-size: 35px;
text-align: center;
margin-bottom: 25px;
font-weight: 300;
}
.lockscreen-logo a {
color: #444;
@ -2633,6 +2635,7 @@ table.text-center th {
font-size: 35px;
text-align: center;
margin-bottom: 25px;
font-weight: 300;
}
.login-logo a,
.register-logo a {

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

File diff suppressed because one or more lines are too long

20
pages/examples/login.html
View File

@ -8,6 +8,8 @@
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
<!-- iCheck -->
<link href="../../plugins/iCheck/square/blue.css" rel="stylesheet" type="text/css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -34,7 +36,7 @@
</div>
<div class="row">
<div class="col-xs-8">
<div class="checkbox">
<div class="checkbox icheck">
<label>
<input type="checkbox"> Remember Me
</label>
@ -47,19 +49,29 @@
</form>
<div class="social-auth-links text-center">
<p>- or -</p>
<p>- OR -</p>
<a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> Sign in using Facebook</a>
<a href="#" class="btn btn-block btn-social btn-google-plus btn-flat"><i class="fa fa-google-plus"></i> Sign in using Google+</a>
</div><!-- /.social-auth-links -->
<a href="#">I forgot my password</a><br>
<a href="register.html" class="text-center">Register a new membership</a>
</div><!-- /.login-box-body -->
</div><!-- /.login-box -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
<!-- iCheck -->
<script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<script>
$(function () {
$('input').iCheck({
checkboxClass: 'icheckbox_square-blue',
radioClass: 'iradio_square-blue',
increaseArea: '20%' // optional
});
});
</script>
</body>
</html>

18
pages/examples/register.html
View File

@ -8,7 +8,9 @@
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
<!-- iCheck -->
<link href="../../plugins/iCheck/square/blue.css" rel="stylesheet" type="text/css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
@ -43,7 +45,7 @@
</div>
<div class="row">
<div class="col-xs-8">
<div class="checkbox">
<div class="checkbox icheck">
<label>
<input type="checkbox"> I agree to the <a href="#">terms</a>
</label>
@ -67,6 +69,16 @@
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js" type="text/javascript"></script>
<!-- iCheck -->
<script src="../../plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<script>
$(function () {
$('input').iCheck({
checkboxClass: 'icheckbox_square-blue',
radioClass: 'iradio_square-blue',
increaseArea: '20%' // optional
});
});
</script>
</body>
</html>