beci-anzeige/style.css

100 lines
1.4 KiB
CSS
Raw Normal View History

2024-12-10 16:01:32 +00:00
:root {
2024-12-10 16:41:32 +00:00
font-size: 10px;
2024-12-10 16:01:32 +00:00
}
2024-12-06 18:42:52 +00:00
* {
padding: 0;
margin: 0;
}
2024-12-07 10:31:32 +00:00
body {
background-color: black;
2024-12-10 16:01:32 +00:00
font-size: 5.5rem;
2024-12-10 12:27:34 +00:00
font-family: arial, sans;
2024-12-07 10:31:32 +00:00
}
2024-12-10 12:27:34 +00:00
#banner {
box-sizing: border-box;
2024-12-10 16:01:32 +00:00
height: 10rem;
2024-12-10 12:27:34 +00:00
color: white;
2024-12-10 16:01:32 +00:00
margin: 0.8rem;
2024-12-07 10:31:32 +00:00
}
2024-12-10 12:27:34 +00:00
#banner img {
2024-12-10 16:01:32 +00:00
height: 7rem;
margin: 1.5rem;
2024-12-07 10:31:32 +00:00
float: left;
}
2024-12-10 12:27:34 +00:00
#banner .text {
2024-12-10 16:01:32 +00:00
padding-top: 1.8rem;
margin-left: 1rem;
2024-12-10 12:27:34 +00:00
float: left;
2024-12-07 10:31:32 +00:00
}
2024-12-10 12:27:34 +00:00
#banner .time {
2024-12-10 16:01:32 +00:00
padding-top: 1.8rem;
margin-right: 1rem;
2024-12-10 12:27:34 +00:00
float: right;
2024-12-07 10:31:32 +00:00
}
2024-12-10 12:27:34 +00:00
.route {
2024-12-10 16:01:32 +00:00
margin: 0.8rem;
2024-12-06 18:42:52 +00:00
2024-12-06 19:21:24 +00:00
}
2024-12-10 12:27:34 +00:00
.route img {
2024-12-10 16:01:32 +00:00
height: 10rem;
2024-12-06 19:21:24 +00:00
float: left;
2024-12-06 18:42:52 +00:00
}
2024-12-10 12:27:34 +00:00
.destination {
box-sizing: border-box;
2024-12-10 16:01:32 +00:00
height: 10rem;
2024-12-10 12:27:34 +00:00
background-color: white;
2024-12-10 16:01:32 +00:00
padding-top: 1.4rem;
padding-left: 11rem;
2024-12-10 12:27:34 +00:00
white-space: nowrap;
overflow: clip;
2024-12-06 18:42:52 +00:00
}
2024-12-10 12:27:34 +00:00
.destination:first-child {
2024-12-10 16:01:32 +00:00
border-radius: 5rem 5rem 0 0;
2024-12-06 18:42:52 +00:00
}
2024-12-10 12:27:34 +00:00
.destination:last-child {
2024-12-10 16:01:32 +00:00
border-radius: 0 0 5rem 5rem;
2024-12-06 18:42:52 +00:00
}
2024-12-10 12:27:34 +00:00
.destination:only-child {
2024-12-10 16:01:32 +00:00
border-radius: 5rem 5rem 5rem 5rem;
2024-12-06 18:42:52 +00:00
}
2024-12-10 12:27:34 +00:00
.destination .text {
color: black;
2024-12-10 16:01:32 +00:00
margin-right: 1.6rem;
2024-12-06 19:21:24 +00:00
}
2024-12-10 12:27:34 +00:00
.destination .seperator {
color: grey;
display: none;
2024-12-06 18:42:52 +00:00
}
2024-12-10 12:27:34 +00:00
.destination .combined {
display: inline-block;
color: white;
2024-12-10 16:01:32 +00:00
min-width: 8rem;
padding: 0.4rem;
margin-left: 0.8rem;
margin-right: 0.8rem;
2024-12-10 12:27:34 +00:00
background-color: #777;
box-sizing: border-box;
2024-12-10 16:01:32 +00:00
border-radius: 0.4rem;
2024-12-10 12:27:34 +00:00
text-align: center;
2024-12-06 18:42:52 +00:00
}
2024-12-10 12:27:34 +00:00
.destination .combined:first-child {
background-color: #333;
2024-12-06 18:42:52 +00:00
}