Ardapedia wird von Menschen wie Dir gemacht. Erstelle jetzt Dein kostenloses Benutzerkonto und trage dazu bei, unser Wiki zu verbessern.
Vorlage:Jahr/styles.css
Wartungshinweis:
Die Ardapedia steht wegen Wartungsarbeiten am Freitag, dem 23. Januar zeitweise nicht zur Verfügung.
Außerdem kann sie an diesem Tag ganztägig nicht bearbeitet werden. Vielen Dank für Euer Verständnis!
.template-prevnext {
display: grid; align-items: center; grid-template-areas: 'prev current next'; grid-template-columns: minmax( max-content, 1fr ) minmax( max-content, 1fr ) minmax( max-content, 1fr );
}
.template-prevnext__prev, .template-prevnext__next {
position: relative; display: flex; align-items: center; gap: 5px;
}
.template-prevnext__prev, .template-prevnext__current, .template-prevnext__next {
padding: 5px;
}
.template-prevnext__prev {
grid-area: prev;
}
.template-prevnext__current {
grid-area: current; text-align: center;
}
.template-prevnext__next {
grid-area: next; justify-content: flex-end; text-align: end;
}
.template-prevnext__link:hover {
background-color: rgba(0, 0, 0, 0.07);
}
.template-prevnext__prev:hover > .template-prevnext__icon {
transform: translateX( -2px );
}
.template-prevnext__next:hover > .template-prevnext__icon {
transform: translateX( 2px );
}
.template-prevnext__link:active {
background-color: rgba(0, 0, 0, 0.09);
}
.template-prevnext__icon {
transition: transform 250ms ease;
}
.template-prevnext__linkoverlay {
position: absolute; top: 0; left: 0; right: 0; bottom: 0;
}
.template-prevnext__linkoverlay > a {
display: block; font-size: 0; height: 100%;
}
@media screen and ( max-width: 639px ) {
.template-prevnext {
grid-template-areas:
'current current' 'prev next';
grid-template-columns: auto; }
}
