html { height : 100 % } body . signin { height : auto ; background : url ( ../img/login-background.jpg ) no-repeat center fixed ; -webkit- background-size : cover ; -moz- background-size : cover ; -o- background-size : cover ; background-size : cover } . signinpanel { width : 750 px ; margin : 17 % auto 0 ; color : rgba ( 255 , 255 , 255 , .95 ) } . signinpanel . logopanel { float : none ; width : auto ; padding : 0 ; background : 0 } . signinpanel . signin-info ul { list-style : none ; padding : 0 ; margin : 20 px 0 } . signinpanel . form-control { display : block ; margin-top : 15 px } . signinpanel . uname { background : #fff url ( ../img/user.png ) no-repeat 95 % center ; color : #333 } . signinpanel . pword { background : #fff url ( ../img/locked.png ) no-repeat 95 % center ; color : #333 } . signinpanel . code { background : #fff no-repeat 95 % center ; color : #333 ; margin : 0 0 15 px 0 } . signinpanel . btn { margin-top : 15 px } . signinpanel form { background : rgba ( 255 , 255 , 255 , .2 ) ; border : 1 px solid rgba ( 255 , 255 , 255 , .3 ) ; -moz- box-shadow : 0 3 px 0 rgba ( 12 , 12 , 12 , .03 ) ; -webkit- box-shadow : 0 3 px 0 rgba ( 12 , 12 , 12 , .03 ) ; box-shadow : 0 3 px 0 rgba ( 12 , 12 , 12 , .03 ) ; -moz- border-radius : 3 px ; -webkit- border-radius : 3 px ; border-radius : 3 px ; padding : 30 px } . signup-footer { margin : 20 px 0 ; padding-top : 15 px } @ media screen and ( max-width : 768px ) { . signinpanel , . signuppanel { margin : 0 auto ; width : 380 px !important ; padding : 20 px } . signinpanel form { margin-top : 20 px } . signup-footer , . signuppanel . form-control { margin-bottom : 10 px } . signup-footer . pull-left , . signup-footer . pull-right { float : none !important ; text-align : center } . signinpanel . signin-info ul { display : none } } @ media screen and ( max-width : 320px ) { . signinpanel , . signuppanel { margin : 0 20 px ; width : auto } } . checkbox-custom { position : relative ; padding : 0 15 px 0 25 px ; margin-bottom : 7 px ; display : inline-block } . checkbox-custom input [ type = "checkbox" ] { opacity : 0 ; position : absolute ; cursor : pointer ; z-index : 2 ; margin : -6 px 0 0 0 ; top : 50 % ; left : 3 px } . checkbox-custom label : before { content : '' ; position : absolute ; top : 50 % ; left : 0 ; margin-top : -9 px ; width : 18 px ; height : 17 px ; display : inline-block ; border-radius : 2 px ; border : 1 px solid #bbb ; background : #fff } . checkbox-custom input [ type = "checkbox" ] : checked + label : after { position : absolute ; display : inline-block ; font-family : 'Glyphicons Halflings' ; content : "\e013" ; top : 42 % ; left : 3 px ; margin-top : -5 px ; font-size : 11 px ; line-height : 1 ; width : 16 px ; height : 16 px ; color : #333 } . checkbox-custom label { cursor : pointer ; line-height : 1.2 ; font-weight : normal ; margin-bottom : 0 ; text-align : left } . form-control , . form-control : focus , . has-error . form-control : focus , . has-success . form-control : focus , . has-warning . form-control : focus , . navbar-collapse , . navbar-form , . navbar-form-custom . form-control : focus , . navbar-form-custom . form-control : hover , . open . btn . dropdown-toggle , . panel , . popover , . progress , . progress-bar { box-shadow : none } . form-control { border-radius : 1 px !important ; padding : 6 px 12 px !important ; height : 34 px !important } . form-control : focus { border-color : #1ab394 !important }