Vorlage:Jahr/styles.css

Diese Seite wurde nach den Regeln der Schnelllöschung zum sofortigen Löschen vorgeschlagen. Einsprüche bitte auf diese Seite schreiben.

Begründung: Dieses Stylesheet wird nicht mehr benötigt. --Alboin 07:58, 1. Dez. 2025 (CET)

.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;
   }

}