.container { padding-bottom: 50px; } hr.green { background: #5ebb5e; margin-top: 0px; margin-bottom: 30px; width: 55px; height: 4px; border: 0; } .alert li{ list-style: none; } /****** HEADER ********************************************************************/ .row.header { background: #3c3b3b; /* Old browsers */ background: -moz-linear-gradient(top, #3c3b3b 0%, #2f2c2c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #3c3b3b 0%, #2f2c2c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #3c3b3b 0%, #2f2c2c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3b3b', endColorstr='#2f2c2c', GradientType=0); /* IE6-9 */ padding: 30px 55px; margin-bottom: 60px; } .row.header .text-right { font-size: 13px; text-transform: uppercase; letter-spacing: 4px; color: #fff; } @media only screen and (min-width: 64.063em) { .row.header .col-md-6.col-xs-12.text-center { text-align: left; } } /****** FORM ********************************************************************/ .form-signin { max-width: 400px; padding: 15px; margin: 0 auto; font-weight: 200; } .form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; } .form-signin .checkbox { font-weight: normal; } .form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 16px; } .form-signin .form-control:focus { z-index: 2; } .form-signin input:not(:last-child) { margin-bottom: -1px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .form-signin input:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } .form-signin input.form-control { background-color: #ffffff !important; } .btn-block { margin-top: 10px; } .form-signin h2 { font-weight: 200; font-size: 28px; text-align: center; } .row.existing-accounts { margin-top: 60px; text-align: center; font-weight: 200; } .row.existing-accounts .col-md-3.col-xs-6:nth-of-type(1), .row.existing-accounts .col-md-3.col-xs-6:nth-of-type(2) { margin-bottom: 30px; } .row.existing-accounts a { width: 100%; font-size: 22px; padding-left: 2px; } .row.meta { font-size: 12px; text-transform: uppercase; color: #464545; letter-spacing: 2px; padding: 13px 0 0 0; } .row.meta .col-md-7, .row.meta .col-md-5 { text-align: center; } .row.meta a { color: #464545; } @media only screen and (min-width: 64.063em) { .row.existing-accounts .col-md-3.col-xs-6:nth-of-type(1), .row.existing-accounts .col-md-3.col-xs-6:nth-of-type(2) { margin-bottom: 0; } .row.meta .col-md-7 { text-align: left; } .row.meta .col-md-5 { text-align: right; } } /****** SIGN UP ********************************************************************/ .row.sign-up { margin-top: 70px; text-align: center; } .row.sign-up h3 { font-size: 26px; font-weight: 200; margin: 0; } .row.sign-up p { font-size: 17px; font-weight: 200; } .row.sign-up a { margin-top: 0px; } .row.sign-up button { width: 100%; } .row.sign-up .col-md-3 { border-top: 1px solid #eee; padding: 30px; } .row.sign-up .col-md-3:nth-child(2) { border-left: 0; padding-left: 30px; } @media only screen and (min-width: 64.063em) { .row.sign-up { text-align: left; } .row.sign-up .col-md-3 { padding: 40px 0 30px 0 } .row.sign-up .col-md-3:nth-child(2) { border-left: 1px solid #eee; padding-left: 70px; } } /****** SIGN UP ********************************************************************/ .btn { text-transform: uppercase; letter-spacing: 3px; border-radius: 3px; font-size: 15px; padding: 20px 0; } .btn-primary { background-image: -webkit-linear-gradient(top, #474646 0%, #3d3d3d 100%); background-image: -o-linear-gradient(top, #474646 0%, #3d3d3d 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#474646), to(#3d3d3d)); background-image: linear-gradient(to bottom, #474646 0%, #3d3d3d 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; border-color: #3d3d3d; } .btn-primary:hover, .btn-primary:focus { background-color: #3d3d3d; background-position: 0 -15px; } .btn-primary:active, .btn-primary.active { background-color: #3d3d3d; border-color: #3d3d3d; } .btn-primary.green { background-image: -webkit-linear-gradient(top, #62c362 0%, #5cb85c 100%); background-image: -o-linear-gradient(top, #62c362 0%, #5cb85c 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#62c362), to(#5cb85c)); background-image: linear-gradient(to bottom, #62c362 0%, #5cb85c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; border-color: #5cb85c; } .btn-primary.green:hover, .btn-primary.green:focus { background-color: #5cb85c; background-position: 0 -15px; } .btn-primary.green:active, .btn-primary.green.active { background-color: #5cb85c; border-color: #5cb85c; } .btn-primary.blue { background-image: -webkit-linear-gradient(top, #3e8ccc 0%, #377db6 100%); background-image: -o-linear-gradient(top, #3e8ccc 0%, #377db6 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#3e8ccc), to(#377db6)); background-image: linear-gradient(to bottom, #3e8ccc 0%, #377db6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x; border-color: #377db6; } .btn-primary.blue:hover, .btn-primary.blue:focus { background-color: #377db6; background-position: 0 -15px; } .btn-primary.blue:active, .btn-primary.blue.active { background-color: #377db6; border-color: #377db6; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #3d3d3d; background-image: none; } .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); } .btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .form-signin .form-control { padding: 15px; border: 1px solid #e8e8e8; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ font-weight: normal; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-weight: normal; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-weight: normal; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ font-weight: normal; }