#loginBody { background-image: -webkit-linear-gradient(top left, #fefefe, #476975); background-image: -moz-linear-gradient(top left, #fefefe, #476975); background-image: -o-linear-gradient(top left, #fefefe, #476975); background-image: linear-gradient(to bottom right, #fefefe, #476975); /* background-repeat: repeat; background-attachment: fixed; background-position: top; */ /* margin: -8px; /* To override the 8px margin set by rainloop */ */ color: #00007F; min-height: 100%; height: 100%; min-width: 100%; /* transform: translateY(75%); */ top: 0px; position: absolute; } #login { position: relative; height: 300px; max-height: 300px; width: 300px; margin: 0 auto; top: 50%; transform: translateY(-50%); display: table; /* vertical-align: middle; */ } #login span { position: relative; display: inline-block; left: 50%; transform: translateX(-50%); padding: 10px 0 0; /* transform: translateX(75%); */ } label, input { display: block; } .login_err { color: red; font-weight: bold; } .BG { background: rgb(255,255,255); /* Fall back for browsers that don't support transparency */ background: rgba(255,255,255, 0.7); border-radius: 25px; box-shadow: 5px 5px 3px #00007f; } .foot { position: absolute; bottom: 1px; min-width: 100%; text-align: center; font-size: 0.75em; color: #444444; }