167 lines
1.8 KiB
CSS
Executable File
167 lines
1.8 KiB
CSS
Executable File
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;
|
|
}
|
|
|