about summary refs log tree commit diff
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--static/css/carousel.css46
1 files changed, 23 insertions, 23 deletions
diff --git a/static/css/carousel.css b/static/css/carousel.css
index d1505e1..b354591 100644
--- a/static/css/carousel.css
+++ b/static/css/carousel.css
@@ -1,48 +1,48 @@
 /* File: carousel.css */
 
 .carousel {
-    width: 100%;
-    max-width: 46rem; /* As per your specification */
-    margin: 0 auto;
+  width: 100%;
+  max-width: 46rem; /* As per your specification */
+  margin: 0 auto;
 }
 
 .carousel-main-image {
-    width: 100%;
-    height: auto;
-    margin-bottom: 20px;
+  width: 100%;
+  height: auto;
+  margin-bottom: 20px;
 }
 
 .carousel-main-image img {
-    width: 100%;
-    height: auto;
-    display: block;
+  width: 100%;
+  height: auto;
+  display: block;
 }
 
 .carousel-vignettes {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    overflow-x: auto;
-    padding: 10px 0;
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+  overflow-x: auto;
+  padding: 10px 0;
 }
 
 .vignette {
-    cursor: pointer;
-    transition: opacity 0.3s ease;
-    flex: 0 0 auto;
+  cursor: pointer;
+  transition: opacity 0.3s ease;
+  flex: 0 0 auto;
 }
 
 .vignette:hover {
-    opacity: 0.8;
+  opacity: 0.8;
 }
 
 .vignette.active {
-    border: 2px solid #007bff;
+  border: 2px solid #007bff;
 }
 
 .vignette img {
-    display: block;
-    width: 120px;
-    height: 80px;
-    object-fit: cover;
+  display: block;
+  width: 120px;
+  height: 80px;
+  object-fit: cover;
 }