web/src/root/css/app.css
.container {
margin-top: 15px;
padding: 15px;
margin-left: auto;
margin-right: auto;
width: 650px;
background-color: #cccccc;
border-radius: 5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
}
.logo {
background-image: url('/images/logo.gif');
background-repeat: no-repeat;
height: 155px;
}
.nav {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #707070;
text-align: center;
}
.nav a {
text-decoration: none;
}
.nav ol, .nav ul {
list-style: none;
margin-left: auto;
margin-right: auto;
}
.nav li {
display: inline;
padding-right: 15px;
margin-right: 15px;
border-right: 1px solid #707070;
}
.nav li:after {
border-right: 1px solid #707070;
padding-left: 15px;
margin-left: 15px;
}
.nav li:last-child {
border-right: 0;
}
.content {
}
.footer {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #707070;
text-align: center;
}
.login {
width: 100%;
display: table-cell;
vertical-align: middle;
}
.loginpage {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #707070;
text-align: center;
}
.loginform {
width: 400px;
margin-left: auto;
margin-right: auto;
}
.inputinput {
width: 80%;
padding: 5px;
border: 5px;
margin: 5px;
}
.inputtext {
vertical-align: middle;
margin-left: auto;
margin-right: auto;
}
.logintitle {
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
font-weight: bold;
font-family: Arial;
}
.loginbutton {
width: 240px;
/*height: 12px;*/
margin-left: auto;
margin-right: auto;
display: block;
padding-top: 14px;
padding-bottom: 14px;
border-radius: 6px;
border: none;
border-top: #4eb2a8 1px solid;
border-bottom: #161616 1px solid;
background: #349e92;
text-align: center;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color: #FFF;
text-shadow: 0 -1px #1d7464, 0 1px #7bb8b3;
font-family: Arial;
}
.forgotlink {
margin-top: 5px;
padding-top: 5px;
margin-bottom: 5px;
}
table {
width: 100%;
table-layout: fixed;
}
tr, td {
border: 1px solid black;
}
th {
text-align: center;
font-weight: bold;
border: 1px solid black;
}
td {
padding: 0;
margin: 0;
}
.userList li:first-child {
/*padding-top: 3px;*/
/*padding-top: 0;*/
}
.userList li:last-child {
/*padding-top: 3px;*/
margin-bottom: 5px;
}
.userList ul {
padding: 5px;
}
.userList li {
/*padding-top: 2px;
padding-left: 3px;
padding-right: 3px;*/
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
border: 1px solid black;
}
.adminPage {
}
.userList {
/*float: left;*/
width: 100%;
/*border-width: 1px;*/
/*border-color: #006600;*/
border: 1px solid black;
}
.admin {
padding: 5px;
}
.active {
padding: 5px;
}
.inactive {
padding: 5px;
}
.currentUser {
padding: 5px;
}
#passwordCheck {
padding-top: 10px;
padding-bottom: 10px;
/*display: none;*/
}
.addUser {
display: none;
}
/*$(document).ready(function(){$('#username').focus()});function check_login(){$.ajax({type:'POST',url:'login.php', data: { Username: $('#username').val(), Password: $('#password').val(), Token: $('#token').val()},statusCode: {200: function() {window.location = '/';},403: function(){ $('#loginStatus').css({'color':'#cccccc','display':'block'}).html('Error, wrong username or password!')},401: function(){ $('#loginStatus').css({'color':'#cccccc','display':'block'}).html('Error, Token invalid!')},400: function(){ $('#loginStatus').css({'color':'#cccccc','display':'block'}).html('Error, username or password no entered!')}}});};*/