Rev 46 | Rev 52 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | Download | RSS feed
h2 {
color: darkslategrey;
}
p {
color: black;
}
alink {
color: darkcyan;
}
body {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
background: rgb(84,84,72);
font-family: Arial;
color: #000000;
}
/*
* never done this before, but using grid containers.
* https://www.w3schools.com/Css/css_grid.asp
*/
.grid-container {
display: grid;
grid-template-columns: 150px auto;
grid-template-rows: 105px auto;
background: rgb(84,84,72);
color: #000000;
align-content: start;
}
.titleimage {
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 1;
grid-column-end: 3;
background: black;
color: lawngreen;
/* height: 90px;
margin-top: 5px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 0;
*/
}
.menu {
grid-column: 1;
grid-row: 2;
/* position: absolute;
left: 5px;
padding: 0px;
width: 150px;
height: 100%;
border-right: groove rgb(64,64,64);
*/
background: rgb(240,240,240);
}
.boxtitle {
background: olivedrab;
color: white;
border: double rgb(204,204,204);
}
.box {
background: rgb(224,224,230);
border: ridge rgb(128,128,128);
}
content {
grid-column-start: 2;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 2;
/*
text-align: center;
position: absolute;
background: #FFFFFF;
margin-top: 4px;
margin-left: 160px;
margin-right: 5px;
padding: 0px;
margin-left: auto;
margin-right: auto;
*/
}
.content table {
margin-left: auto;
margin-right: auto;
}
.login {
width: 400px;
background-color: #ffffff;
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
margin: 100px auto;
}
.login h1 {
text-align: center;
color: #5b6574;
font-size: 24px;
padding: 20px 0 20px 0;
border-bottom: 1px solid #dee0e4;
}
.login p {
justify-content: left;
padding-top: 0px;
}
.login form {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-top: 20px;
}
.login form label {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
background-color: #3274d6;
color: #ffffff;
}
.login form input[type="password"], .login form input[type="text"] {
width: 310px;
height: 50px;
border: 1px solid #dee0e4;
margin-bottom: 20px;
padding: 0 15px;
}
.login form input[type="submit"] {
width: 100%;
padding: 15px;
margin-top: 20px;
background-color: #3274d6;
border: 0;
cursor: pointer;
font-weight: bold;
color: #ffffff;
transition: background-color 0.2s;
}
.login form input[type="submit"]:hover {
background-color: #2868c7;
transition: background-color 0.2s;
}
.login_errors {
background-color: red;
}
.login_errors p {
text-align: center;
}
.category {
border-style: solid;
border-width: thin;
border-color: black;
}
.category h3 {
margin-top: 0;
margin: 0;
}