News container (better than ever)

This commit is contained in:
2022-01-03 13:33:42 +01:00
parent 7a916bc899
commit 0ac2eb2125
6 changed files with 213 additions and 37 deletions

View File

@ -0,0 +1,38 @@
.container {
grid-area: news;
}
.inner {
height:100%;
width: 100%;
overflow:hidden;
border-radius: 5px;
}
.inner table {
animation: newsSlider 60s linear 0s infinite normal;
border-collapse: collapse;
}
.inner tr {
background:rgba(0, 0, 0, .1);
border-bottom: 2px solid black;
}
.inner td {
padding:5px;
}
.inner td:last-child {
text-align: right;
font-size: smaller;
}
.inner td:first-child {
font-size: 120%;
}
@keyframes newsSlider {
from {transform: translateY(0);}
to {transform: translateY(-100%);}
}