Bewaesserungsanlage/Webserver/static/Styles/header.css

71 lines
1.0 KiB
CSS
Raw Permalink Normal View History

2022-07-30 00:19:30 +02:00
header{
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
padding: 2px;
position: sticky;
left: 0px;
top: 0px;
2022-08-15 01:10:34 +02:00
z-index: 20;
2022-07-30 00:19:30 +02:00
}
nav{
2022-08-15 01:10:34 +02:00
z-index: 21;
2022-07-30 00:19:30 +02:00
position: absolute;
top: 0px;
2022-08-15 01:10:34 +02:00
right: 25px;
2022-07-30 00:19:30 +02:00
}
nav ul li{
display: inline;
}
nav ul li a{
white-space: nowrap;
text-decoration: none;
color: white;
2022-08-15 01:10:34 +02:00
background-color: blue;
2022-07-30 00:19:30 +02:00
padding: 5px;
margin: 10px;
}
nav ul li a:hover{
2022-08-15 01:10:34 +02:00
background-color: darkblue;
2022-07-30 00:19:30 +02:00
}
.active{
font-size : 1.2em;
font-weight : bold;
}
.heading{
text-align: center;
color: white;
position: absolute;
left: 10%;
top: 2px;
background-color: darkblue;
padding-top: 0px;
padding-bottom: 0px;
2022-08-23 17:18:51 +02:00
margin: 0px;
text-decoration: none;
2022-07-30 00:19:30 +02:00
}
.heading h1{
font-size: 32;
line-height: 2em;
text-transform: uppercase;
margin-top: 0px;
}
.title-img{
width: 186px;
margin-top: 10px;
}
.header-img{
width: 100%;
height: 300px;
object-fit: cover;
object-position: 100%;
}