Шаблон:PageList/styles.css

.pagelist { position: relative; user-select: none; display: flex;

   flex: 1 1 17.5rem;

align-items: center; min-height: 1.5em; background-color: var(--tmp-10);

   outline: 1px outset var(--tmp-25);

border-radius: var(--border-radius-small); box-shadow: 0px 0px 0px var(--tmp-25); transition-duration: var(--transition-time); transition-property: transform, box-shadow; }

.pagelist:hover { transform: translateY(-0.2rem); box-shadow: 0px 0.2rem 0px var(--tmp-25); }

.pagelist-image { display: inline-flex; justify-content: center; align-items: center; min-width: 1.75em; }

.pagelist-image a, .pagelist-text a{ transition-property: filter; transition-duration: var(--transition-time); }

.pagelist:active .pagelist-image a, .pagelist:active .pagelist-text a{ filter: drop-shadow(0 0 3px var(--tmp-75)); transition-duration: 0s; }

.pagelist-image img { --tmp-img-size: 32px; aspect-ratio: 1 / 1; width: var(--tmp-img-size); height: var(--tmp-img-size); padding: 0.25em; }

.pagelist-text { display: contents; }

.pagelist-text a { display: flex; align-items: center; justify-content: center; text-align: center; font-weight: bold; width: 100%; height: 100%; line-height: 1.1rem; padding: 0 0.5rem; color: var(--color-text-darker); }

.pagelist-text a:before { content: ; position: absolute; inset: 0; background: transparent; }

.pagelist:hover .pagelist-text a:before { transform: translateY(0.2rem); }