tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Reworked login.less

This commit is contained in:
Thomas Gelf 2014-03-04 10:41:29 +00:00
parent 9ff78c0aa1
commit 9cdbec60ac
1 changed files with 68 additions and 63 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

131
public/css/icinga/login.less
View File

@ -1,67 +1,72 @@
.login .logo {
background-color: #555;
-moz-background-image: linear-gradient(to bottom, #333, #555);
-ms-background-image: linear-gradient(to bottom, #333, #555);
-o-background-image: linear-gradient(to bottom, #333, #555);
-webkit-background-image: linear-gradient(to bottom, #333, #555);
background-image: linear-gradient(to bottom, #333, #555);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 60%;
border-bottom: 1px solid #333;
text-align: center;
}
.login .image {
position: absolute;
bottom: 1em;
left: 0px;
right: 0px;
text-align: center;
}
.login .image img {
width: 400px;
}
.login .form {
position: absolute;
font-size: 0.9em;
top: 42%;
left: 0;
bottom: 0;
right: 0;
}
.login .form h1 {
text-align: left;
font-size: 1.5em;
margin-left: auto;
margin-right: auto;
width: 12em;
color: @colorTextDefault;
}
.login .form label {
display: none;
}
.login form {
margin-left: auto;
margin-right: auto;
width: 20em;
}
.login form input {
#login {
width: 100%;
padding: 0.5em;
}
height: 100%;
.login .footer {
font-size: 0.9em;
text-align: center;
}
.logo {
background-color: #555;
-moz-background-image: linear-gradient(to bottom, #333, #555);
-ms-background-image: linear-gradient(to bottom, #333, #555);
-o-background-image: linear-gradient(to bottom, #333, #555);
-webkit-background-image: linear-gradient(to bottom, #333, #555);
background-image: linear-gradient(to bottom, #333, #555);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 60%;
border-bottom: 1px solid #333;
text-align: center;
}
.image {
position: absolute;
bottom: 1em;
left: 0px;
right: 0px;
text-align: center;
}
.image img {
width: 400px;
}
.form {
position: absolute;
font-size: 0.9em;
top: 42%;
left: 0;
bottom: 0;
right: 0;
}
.form h1 {
text-align: left;
font-size: 1.5em;
margin-left: auto;
margin-right: auto;
width: 12em;
color: @colorTextDefault;
}
.form label {
display: none;
}
form {
margin-left: auto;
margin-right: auto;
width: 20em;
}
form input {
width: 100%;
padding: 0.5em;
}
.footer {
font-size: 0.9em;
text-align: center;
}
}