From 41fa4e746df8c2e2399ed753b4994ca85cb21358 Mon Sep 17 00:00:00 2001 From: maTh Date: Sun, 16 Apr 2023 15:30:33 +0200 Subject: Improved: CSS classes for theme preview slider changed (#5303) * CSS classes changed * fix --- p/themes/base-theme/frss.css | 34 +++++++++++++++++----------------- 1 file changed, 17 insertions(+), 17 deletions(-) (limited to 'p/themes/base-theme/frss.css') diff --git a/p/themes/base-theme/frss.css b/p/themes/base-theme/frss.css index 7ec6207c6..ec293b975 100644 --- a/p/themes/base-theme/frss.css +++ b/p/themes/base-theme/frss.css @@ -1773,9 +1773,9 @@ html.slider-active { max-width: 550px; } -/*=== SLIDESHOW */ +/*=== SLIDESHOW Theme Preview */ /*==============*/ -.slides { +.theme-preview-list { padding: 0; display: block; max-width: 640px; @@ -1786,15 +1786,15 @@ html.slider-active { margin-bottom: 30px; } -.slides input { +.theme-preview-list input { display: none; } -.slide-container { +.theme-preview-list .preview-container { display: block; } -.slide { +.theme-preview-list .preview { display: block; width: 100%; height: 100%; @@ -1805,12 +1805,12 @@ html.slider-active { transition: all .7s ease-in-out; } -.slide img { +.theme-preview-list .preview img { width: 100%; height: 100%; } -.nav label { +.theme-preview-list .nav label { padding: 0; display: none; width: 65px; @@ -1829,7 +1829,7 @@ html.slider-active { text-shadow: 0px 0px 15px rgb(119, 119, 119); } -.properties { +.theme-preview-list .properties { padding: 5px; background-color: var(--frss-background-color-transparent); display: none; @@ -1841,35 +1841,35 @@ html.slider-active { backdrop-filter: blur(3px); } -.properties .page-number { +.theme-preview-list .properties .page-number { right: 5px; top: 0; position: absolute; } -.slide:hover + .nav label { +.theme-preview-list .preview:hover + .nav label { opacity: 0.5; } -.nav label:hover { +.theme-preview-list .nav label:hover { opacity: 1; } -.nav .next { +.theme-preview-list .nav .next { right: 0; } -input:checked + .slide-container .slide { +.theme-preview-list input:checked + .preview-container .preview { opacity: 1; transform: scale(1); transition: opacity 1s ease-in-out; } -input:checked + .slide-container .nav label { +.theme-preview-list input:checked + .preview-container .nav label { display: block; } -input:checked + .slide-container .properties { +.theme-preview-list input:checked + .preview-container .properties { display: block; } @@ -1886,7 +1886,7 @@ input:checked + .slide-container .properties { .item.share.error a::after, .category .title.error::before, .item.feed.error .item-title::before, -.properties .error::before { +.theme-preview-list .properties .error::before { content: " ⚠ "; color: var(--frss-font-color-error); } @@ -2373,7 +2373,7 @@ input:checked + .slide-container .properties { grid-column: 1 / span 2; } - .slide + .nav label { + .theme-preview-list .preview + .nav label { opacity: 0.5; } } -- cgit v1.2.3