Added graphical configuration, at this point only for the grey theme but others will follow soon. (This has been nearly done for two weeks or more but was on hold due to the bugs with multithreading)
/**
* Based upon the AmaroK WebControl interface by:
* Jonas Christian Drewsen ( kde at xspect dot dk )
* André Kelpe ( fs111 at web dot de )
* Peter C. Ndikuwera ( pndiku at gmail dot com )
*/
html, body {
margin: 0;
padding: 0;
height: 100%;
}
body {
font-family: sans-serif;
background-color: #262626;
color: #ffffff;
padding: 0;
}
body > table {
width: 100%;
height: 100%;
}
div.login-main {
background-image: url(images/login.png);
width: 340px;
height: 220px;
margin: 0 auto;
padding: 40px;
background-position: center center;
background-repeat: no-repeat;
}
table.loginform {
margin: 0 auto;
}
table.loginform td {
padding-top: 20px;
}
table.loginform td.left {
width: 33%;
text-align: left;
}
table.loginform td.right {
width: 66%;
text-align: left;
}
table.loginform td.error, table.loginform td.success {
text-align: center;
color: #ff5321;
padding-top: 2px;
}
table.loginform td.success {
color: #53a321;
}
table.loginform td.submit {
font-size: larger;
padding-top: 12px;
}
input {
border-width: 0px;
background-color: #272727;
padding: 2px;
color: #a8a8a8;
}
input.submit {
font-size: larger;
padding: 2px 5px;
}
input.submit:hover, input.submit:focus {
background-color: #323232;
cursor: pointer;
}