gymrooster_php/html/css/index.css

133 lines
2.0 KiB
CSS
Raw Permalink Normal View History

2020-03-05 23:06:59 +01:00
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
background-color: whitesmoke;
2020-03-05 23:06:59 +01:00
}
body nav {
background-color: #1f1f1f;
color: whitesmoke;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 2em;
padding: 1em;
}
body nav img {
height: 2em;
-webkit-filter: contrast(0) invert(100%) sepia(13%) saturate(49%) hue-rotate(200deg) brightness(180%) contrast(92%);
filter: contrast(0) invert(100%) sepia(13%) saturate(49%) hue-rotate(200deg) brightness(180%) contrast(92%);
}
body nav a:last-of-type {
position: fixed;
right: 1em;
font-size: 1.5em;
color: whitesmoke !important;
cursor: pointer;
}
body header {
padding-bottom: 2em;
}
body header h1 {
margin-bottom: 0.25em;
text-decoration: underline;
}
body header h3 {
margin: 0;
font-weight: lighter;
}
body header h3:nth-of-type(2) {
margin-top: 1em;
}
body header a {
text-decoration: none !important;
2020-03-05 23:06:59 +01:00
position: absolute;
padding: 5px;
}
body header a:nth-of-type(1) {
left: 0;
}
body header a:nth-of-type(2) {
right: 0;
}
body main {
position: relative;
2020-03-05 23:06:59 +01:00
top: 4em;
max-width: 50%;
min-width: 350px;
2020-03-05 23:06:59 +01:00
left: 0;
margin: 0 auto;
text-align: center;
2020-03-05 23:06:59 +01:00
}
body main div.loginContainer {
position: relative;
margin: 0 auto;
text-align: center;
}
body main div.loginContainer input {
width: 75%;
max-width: 250px;
padding: 0.5em;
}
body main div table {
width: 100%;
text-align: left;
}
body main div table thead th {
text-decoration: underline;
padding: 5px;
}
body main div table tbody td {
vertical-align: top;
padding: 5px;
}
body a#help {
position: fixed;
bottom: 2em;
margin: 1em;
}
body form textarea {
width: 75%;
height: 5em;
}
body form button, body form select {
margin: 1em;
height: 2.25em;
}
2020-03-05 23:06:59 +01:00
body footer {
background-color: #1f1f1f;
color: whitesmoke;
position: fixed;
bottom: 0;
left: 0;
right: 0;
text-align: center;
height: 1em;
padding: 0.5em;
}
body footer a {
color: whitesmoke !important;
}
2020-03-05 23:06:59 +01:00
/*# sourceMappingURL=index.css.map */