200 lines
2.4 KiB
CSS
Executable File
200 lines
2.4 KiB
CSS
Executable File
|
|
body
|
|
{
|
|
overflow: auto;
|
|
height: 100%;
|
|
}
|
|
|
|
.vn-login
|
|
{
|
|
color: #333;
|
|
font-size: 1.2em;
|
|
font-weight: normal;
|
|
height: inherit;
|
|
}
|
|
|
|
/* Navigation bar */
|
|
|
|
.vn-login .navbar
|
|
{
|
|
z-index: 10;
|
|
position: fixed;
|
|
background-color: #333;
|
|
width: 100%;
|
|
height: 3.5em;
|
|
top: 0;
|
|
color: white;
|
|
|
|
}
|
|
.vn-login .navbar div
|
|
{
|
|
margin-top: 1em;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Body */
|
|
|
|
.vn-login .body
|
|
{
|
|
height: inherit;
|
|
|
|
}
|
|
.vn-login .column
|
|
{
|
|
position: relative;
|
|
margin: 0 auto;
|
|
max-width: 40em;
|
|
height: 100%;
|
|
background-color: white;
|
|
box-shadow: 0 0.2em 0.2em #DDD;
|
|
}
|
|
|
|
/* Login */
|
|
|
|
.vn-login .login
|
|
{
|
|
position: absolute;
|
|
margin-top: -16em;
|
|
padding: 1em;
|
|
max-width: 45em;
|
|
top: 50%;
|
|
left: 0;
|
|
right: 0;
|
|
|
|
}
|
|
@media (max-height: 700px)
|
|
{
|
|
.vn-login
|
|
{
|
|
height: auto;
|
|
}
|
|
.vn-login .login
|
|
{
|
|
position: relative;
|
|
top: 0;
|
|
margin-top: 3.5em;
|
|
padding: 1.5em 1em;
|
|
}
|
|
}
|
|
.vn-login .logo img
|
|
{
|
|
display: block;
|
|
margin: 0.5em auto;
|
|
min-width: 20em;
|
|
width: 75%;
|
|
}
|
|
.vn-login .version-code
|
|
{
|
|
color: red;
|
|
text-align: right;
|
|
margin: 0.2em auto;
|
|
font-weight: bold;
|
|
height: 1.4em;
|
|
}
|
|
.vn-login .form-inputs
|
|
{
|
|
margin: 0 auto;
|
|
max-width: 15em;
|
|
}
|
|
.vn-login label
|
|
{
|
|
margin: 0;
|
|
}
|
|
.vn-login .form-group label
|
|
{
|
|
display: block;
|
|
font-size: inherit;
|
|
}
|
|
.vn-login input
|
|
{
|
|
margin: 0.3em;
|
|
}
|
|
.vn-login input[type=text],
|
|
.vn-login input[type=password]
|
|
{
|
|
margin: .5em 0;
|
|
margin-bottom: 0.5em;
|
|
padding: 0 .5em;
|
|
width: 100%;
|
|
border: 1px solid #AAA;
|
|
height: 2.6em;
|
|
}
|
|
.vn-login input[type=text],
|
|
.vn-login input[type=password],
|
|
.vn-login input[type=submit]
|
|
{
|
|
border-radius: 0.1em;
|
|
box-shadow: 0 0.1em 0.1em #AAA;
|
|
}
|
|
.vn-login td.entry
|
|
{
|
|
text-align: left;
|
|
}
|
|
.vn-login .submit
|
|
{
|
|
text-align: center;
|
|
}
|
|
.vn-login .submit > *
|
|
{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.vn-login input[type=submit]
|
|
{
|
|
margin: 0 auto;
|
|
background-color: #AD4;
|
|
border: 1px solid #8B2;
|
|
height: 2.4em;
|
|
width: 8em;
|
|
color: #250;
|
|
}
|
|
.vn-login input[type=submit]:hover
|
|
{
|
|
background-color: #9C3;
|
|
}
|
|
.vn-login .wrapper
|
|
{
|
|
width: 0;
|
|
overflow: visible;
|
|
position: relative;
|
|
}
|
|
.vn-login .htk-spinner
|
|
{
|
|
margin: .45em 1em;
|
|
position: absolute;
|
|
}
|
|
.vn-login .bottom
|
|
{
|
|
text-align: center;
|
|
padding: 1em;
|
|
}
|
|
|
|
/* Info */
|
|
|
|
.vn-login .info
|
|
{
|
|
margin-top: 2em;
|
|
text-align: center;
|
|
}
|
|
.vn-login .info p
|
|
{
|
|
margin: 0.5em;
|
|
}
|
|
.vn-login .links
|
|
{
|
|
margin: 0 auto;
|
|
margin-top: 2em;
|
|
text-align: center;
|
|
}
|
|
.vn-login .links a
|
|
{
|
|
display: inline-block;
|
|
margin: 0 .1em;
|
|
}
|
|
.vn-login .links img
|
|
{
|
|
height: 1.8em;
|
|
width: 1.8em;
|
|
}
|
|
|