mirror of
https://github.com/Terranom674/Piwigo_Bratonien_Tools.git
synced 2026-09-19 16:24:33 +00:00
Make picture navigation styling theme-neutral
This commit is contained in:
@@ -11,54 +11,9 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 160ms ease, background 160ms ease;
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bratonien-picture-zone.is-active {
|
.bratonien-picture-zone.is-active {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bratonien-picture-zone-previous {
|
|
||||||
background: linear-gradient(
|
|
||||||
90deg,
|
|
||||||
rgba(212, 175, 55, 0.24) 0%,
|
|
||||||
rgba(212, 175, 55, 0.10) 55%,
|
|
||||||
rgba(212, 175, 55, 0.00) 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bratonien-picture-zone-next {
|
|
||||||
background: linear-gradient(
|
|
||||||
270deg,
|
|
||||||
rgba(212, 175, 55, 0.24) 0%,
|
|
||||||
rgba(212, 175, 55, 0.10) 55%,
|
|
||||||
rgba(212, 175, 55, 0.00) 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bratonien-picture-zone-thumbnails {
|
|
||||||
background: linear-gradient(
|
|
||||||
180deg,
|
|
||||||
rgba(212, 175, 55, 0.24) 0%,
|
|
||||||
rgba(212, 175, 55, 0.10) 55%,
|
|
||||||
rgba(212, 175, 55, 0.00) 100%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bratonien-picture-zone-photoswipe {
|
|
||||||
background: radial-gradient(
|
|
||||||
ellipse at center,
|
|
||||||
rgba(212, 175, 55, 0.16) 0%,
|
|
||||||
rgba(212, 175, 55, 0.07) 45%,
|
|
||||||
rgba(212, 175, 55, 0.00) 78%
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
.bratonien-picture-zone i {
|
|
||||||
color: #d4af37;
|
|
||||||
font-size: clamp(1.6rem, 3vw, 2.8rem);
|
|
||||||
text-shadow:
|
|
||||||
1px 1px 0 #6f5818,
|
|
||||||
0 0 4px rgba(0, 0, 0, 0.65);
|
|
||||||
}
|
|
||||||
|
|||||||
Reference in New Issue
Block a user