body { position: absolute; margin: 0; height: 100%; width: 100%; z-index: -2; background-color: #EEE; } body, label, button, input, textarea, p, a { font-size: 1.2em; font-weight: normal; color: #333; /* text-shadow: 0 0.2em 0.2em #AAA; */ } /* Header */ #header { z-index: 10; position: absolute; background-color: #333; width: 100%; height: 3.5em; } #header div { margin-top: 1em; text-align: center; } #header a { color: white; } /* Body */ #body { position: absolute; top: 3.5em; left: 0; right: 0; bottom: 0; /* background-image: url("background.png"); background-repeat: repeat; */ } #column { position: relative; margin: 0 auto; overflow: auto; max-width: 40em; height: 100%; background-color: white; box-shadow: 0 0.2em 0.2em #DDD; } /* Login */ #login { position: absolute; margin-top: -17em; padding: 1em; max-width: 45em; top: 50%; left: 0; right: 0; } #logo img { display: block; margin: 0.5em auto; min-width: 24em; width: 75%; } #version-code { color: red; text-align: right; margin: 0.2em auto; font-weight: bold; height: 2em; } #form-inputs { margin: 0 auto; max-width: 16em; } div.form-group label { display: block; } input { border-radius: 0.1em; box-shadow: 0 0.1em 0.1em #AAA; margin: 0.3em; } input[type=text], input[type=password] { margin: 0.5em 0; margin-bottom: 0.5em; padding: 0.5em; width: 100%; border: 1px solid #AAA; } td.entry { text-align: left; } input[type=submit] { display: block; margin: 0 auto; background-color: #AD4; border: 1px solid #8B2; height: 2.4em; width: 8em; color: #250; } input[type=submit]:hover { background-color: #9C3; } #bottom { text-align: center; padding: 1em; } /* Info */ #info { margin-top: 2.5em; text-align: center; } #info p { margin: 0.5em; } #links { margin: 0 auto; margin-top: 2em; text-align: center; } #links img { height: 1.8em; }