ctdo.de/web/styles/main.css

116 lines
1.7 KiB
CSS

:root {
--background-color: #193360;
--nav-background-color: #14284c;
--logo-background-color: #0e1e38;
}
html, body {
padding: 0;
margin: 0;
background-color: var(--background-color);
color: white;
font-family: sans-serif;
line-height: 150%;
}
a {
color: #22bb22 !important;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:visited {
color: #bb66ff !important;
}
header {
background-color: var(--logo-background-color);
}
nav {
background-color: var(--nav-background-color);
}
nav li a {
color: white !important;
text-decoration: none;
}
nav li a.active {
text-decoration: underline;
text-decoration-style: double;
}
nav li a:visited {
color: white !important;
}
.red-text {
color: #DD0000 !important;
}
.green-text {
color: #00DD00 !important;
}
header {
text-align: center;
padding: 10px 0 0 0;
}
header img {
max-width: 200px;
max-height: 200px;
width: 90vw;
margin-bottom: 10px;
}
nav {
padding: 10px 0 10px 0;
}
nav ul {
list-style: none;
text-align: center;
}
nav ul li {
display: inline-block;
padding: 0 2vw 0 2vw;
font-size: 125%;
}
main {
max-width: 950px;
min-height: 100vh;
height: auto;
width: 90%;
margin: auto;
padding: 10px 0 0 0;
}
footer {
background-color: var(--nav-background-color);
height: 100px;
}
iframe.osm {
width: 500px;
height: 500px;
max-width: 90vw;
max-height: 90vw;
margin: auto;
display: block;
}
@media only screen and (max-width: 885px) {
nav ul li {
display: block;
font-size: 200%;
padding: 20px 0 20px 0;
}
}