@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"); html { background: #295570; /* Chrome 10-25, Safari 5.1-6 */ } body { padding: 0; } .login-block { float:left; width:100%; padding : 50px 0; } .login-icon { color: #343a40; } .banner-sec{background-size:cover; border-radius: 0 10px 10px 0; padding:0;} .container{background:#fff; border-radius: 10px; box-shadow:15px 20px 0px rgba(0,0,0,0.1);} .carousel-inner{border-radius:0 10px 10px 0;} .carousel-caption{text-align:left; left:5%;} .login-sec{padding: 50px 30px; position:relative;} .login-sec .copy-text{position:absolute; width:80%; bottom:20px; font-size:13px; text-align:center;} .login-sec .copy-text i{color:#007bff;} .login-sec .copy-text a{color:#17a2b8;} .login-sec h2{margin-bottom:30px; font-weight:800; font-size:30px; color: #17a2b8;} .login-sec h2:after{content:" "; width:100px; height:5px; background:#007bff; display:block; margin-top:20px; border-radius:3px; margin-left:auto;margin-right:auto} .btn-login{background: #007bff; color:#fff; font-weight:600;} .banner-text{width:70%; position:absolute; bottom:40px; padding-left:20px;} .banner-text h2{color:#007bff; font-weight:600;} .banner-text h2:after{content:" "; width:100px; height:5px; background:#007bff; display:block; margin-top:20px; border-radius:3px;} .banner-text p{color:#007bff;} .sign-with-google { display: block; margin-top: 45px; width: 315px; height: 75px; background-image: url('../images/rsz_sign_with_google_normal2.png'); cursor: pointer; } .sign-with-google:hover { background-image: url('../images/rsz_sign_with_google_hover2.png'); } #customBtn { margin-top:35px; display: inline-block; background: white; color: #6f6f6f; border-radius: 5px; border: thin solid #888; box-shadow: 1px 1px 1px grey; white-space: nowrap; } #customBtn:hover { cursor: pointer; color: #565656; } span.label { font-family: serif; font-weight: normal; } span.icon { background: url('../images/g-normal.png') transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 42px; height: 42px; } span.buttonText { display: inline-block; vertical-align: middle; padding-left: 42px; padding-right: 42px; font-size: 20px; font-weight: bold; /* Use the Roboto font that is loaded in the */ font-family: 'Roboto', sans-serif; } .ui-widget-overlay { background: #AAA url('../images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); }