Added icheck to login & register pages

build/less/core.less

@@ -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 & {

build/less/forms.less

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

build/less/header.less

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

build/less/lockscreen.less

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

build/less/login_and_register.less

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

build/less/sidebar.less

@@ -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);
   }

dist/css/AdminLTE.css

@@ -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;
+  -webkit-transition: -webkit-transform 0.3s ease;
-  -o-transition: 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 */
+.icheck > label {
-.checkbox,
-.radio {
   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 {

pages/examples/login.html

@@ -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,7 +49,7 @@
         </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 -->
@@ -60,6 +62,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>

pages/examples/register.html

@@ -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:// -->
@@ -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>