diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index aa7004989..280d878ea 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -3277,192 +3277,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #FFB300;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- padding: 0.857rem 1rem;
- font-weight: 700;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #191919;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #FFB300;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #FFB300;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe8b3;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: #FFB300;
- border: 1px solid #FFB300;
- border-radius: 50%;
- margin: 0.2rem;
color: #212121;
+}
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #FFB300;
+ color: #212121;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: #FFA000;
- color: #212121;
- border-color: #FFA000;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #ffe8b3;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #FFB300;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #FFB300;
- border-color: 0 none;
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 866c0eefc..87998bfe0 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -3277,192 +3277,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #1ea04c;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- padding: 0.857rem 1rem;
- font-weight: 700;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #191919;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #1ea04c;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #1ea04c;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #88e9aa;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: #1ea04c;
- border: 1px solid #1ea04c;
- border-radius: 50%;
- margin: 0.2rem;
color: #ffffff;
+}
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #1ea04c;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: #1b9044;
- color: #ffffff;
- border-color: #1b9044;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #88e9aa;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #1ea04c;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #1ea04c;
- border-color: 0 none;
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index d66a81d2b..973e0da37 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -3277,192 +3277,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #cc285c;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #191919;
- color: #dedede;
- border: 1px solid #191919;
- padding: 0.857rem 1rem;
- font-weight: 700;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #191919;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #cc285c;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #cc285c;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #f1b6c8;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: #cc285c;
- border: 1px solid #cc285c;
- border-radius: 50%;
- margin: 0.2rem;
color: #ffffff;
+}
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #cc285c;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: #b72452;
- color: #ffffff;
- border-color: #b72452;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #f1b6c8;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #cc285c;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #cc285c;
- border-color: 0 none;
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css
index 56838f6d2..6148d514a 100644
--- a/public/themes/nova-colored/theme.css
+++ b/public/themes/nova-colored/theme.css
@@ -3277,192 +3277,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #007ad9;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #007ad9;
- color: #ffffff;
- border: 1px solid #007ad9;
- padding: 0.857rem 1rem;
- font-weight: 700;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #007ad9;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #007ad9;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #007ad9;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- border-radius: 50%;
- margin: 0.2rem;
- color: #848484;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: #eaeaea;
- color: #333333;
- border-color: #eaeaea;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #007ad9;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #d95f00;
color: #ffffff;
- font-size: 1.2em;
}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #007ad9;
- border-color: 0 none;
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #d95f00;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css
index dfd3b7eea..0c9c20730 100644
--- a/public/themes/nova-dark/theme.css
+++ b/public/themes/nova-dark/theme.css
@@ -3277,192 +3277,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #007ad9;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #333333;
- color: #ffffff;
- border: 1px solid #333333;
- padding: 0.857rem 1rem;
- font-weight: 700;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #333333;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #007ad9;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #007ad9;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- border-radius: 50%;
- margin: 0.2rem;
- color: #848484;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: #eaeaea;
- color: #333333;
- border-color: #eaeaea;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #007ad9;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
color: #ffffff;
- font-size: 1.2em;
}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #007ad9;
- border-color: 0 none;
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css
index ea3c6e6cd..397284d19 100644
--- a/public/themes/nova-light/theme.css
+++ b/public/themes/nova-light/theme.css
@@ -3277,192 +3277,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #007ad9;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #f4f4f4;
- color: #333333;
- border: 1px solid #c8c8c8;
- padding: 0.857rem 1rem;
- font-weight: 700;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #c8c8c8;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #007ad9;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #007ad9;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- border-radius: 50%;
- margin: 0.2rem;
- color: #848484;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: #eaeaea;
- color: #333333;
- border-color: #eaeaea;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #8dcdff;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #007ad9;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
color: #ffffff;
- font-size: 1.2em;
}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #007ad9;
- border-color: 0 none;
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #007ad9;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 376c3b837..bc468fef5 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -3277,192 +3277,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #41b883;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #f4f4f4;
- color: #333333;
- border: 1px solid #c8c8c8;
- padding: 0.857rem 1rem;
- font-weight: 700;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #c8c8c8;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #41b883;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #41b883;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: #ffffff;
- border: 1px solid #c8c8c8;
- border-radius: 50%;
- margin: 0.2rem;
- color: #848484;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: #eaeaea;
- color: #333333;
- border-color: #eaeaea;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #c2e9d8;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #41b883;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
color: #ffffff;
- font-size: 1.2em;
}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #41b883;
- border-color: 0 none;
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #41b883;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 6acdc1586..2bb6b1d9d 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -1281,7 +1281,7 @@
border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
- background: panelHeaderHoverBg;
+ background: #617c8a;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
background: #AFD3C8;
@@ -3277,192 +3277,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #7B95A3;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #7B95A3;
- color: #ffffff;
- border: 1px solid #7B95A3;
- padding: 0.857rem 1rem;
- font-weight: 700;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #7B95A3;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 2px;
- border-top-left-radius: 2px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #7B95A3;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #7B95A3;
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #AFD3C8;
+ color: #385048;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: #7B95A3;
- border: 1px solid #7B95A3;
- border-radius: 50%;
- margin: 0.2rem;
- color: #ffffff;
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #AFD3C8;
+ color: #385048;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: #6c8999;
- color: #ffffff;
- border-color: #6c8999;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #e4e9ec;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #7B95A3;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #7B95A3;
- border-color: 0 none;
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 3a9cadfd7..cfc085807 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #dee2e6;
- padding: 1rem;
- font-weight: 600;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #dee2e6;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #2196F3;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #BBDEFB;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
color: #ffffff;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #2196F3;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #BBDEFB;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #2196F3;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #2196F3;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css
index 5e300bc3b..21c995020 100644
--- a/public/themes/saga-cyan/theme.css
+++ b/public/themes/saga-cyan/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #dee2e6;
- padding: 1rem;
- font-weight: 600;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #dee2e6;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #00ACC1;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #B2EBF2;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
color: #ffffff;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #00ACC1;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #B2EBF2;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #00ACC1;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #00ACC1;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css
index 6c28aed66..ec14971aa 100644
--- a/public/themes/saga-deeppurple/theme.css
+++ b/public/themes/saga-deeppurple/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #dee2e6;
- padding: 1rem;
- font-weight: 600;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #dee2e6;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #673AB7;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #D1C4E9;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
color: #ffffff;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #673AB7;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #D1C4E9;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #673AB7;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #673AB7;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 28b3be1c6..4904318d5 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #dee2e6;
- padding: 1rem;
- font-weight: 600;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #dee2e6;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #4CAF50;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #C8E6C9;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
color: #ffffff;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #4CAF50;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #C8E6C9;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #4CAF50;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #4CAF50;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css
index e882c2c6e..146a4bf70 100644
--- a/public/themes/saga-indigo/theme.css
+++ b/public/themes/saga-indigo/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #dee2e6;
- padding: 1rem;
- font-weight: 600;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #dee2e6;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #3F51B5;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #C5CAE9;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
color: #ffffff;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #3F51B5;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #C5CAE9;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #3F51B5;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #3F51B5;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 4fc13b1ff..b02ad69f4 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #dee2e6;
- padding: 1rem;
- font-weight: 600;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #dee2e6;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #FFC107;
+ color: #212529;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #FFECB3;
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
- color: #ffffff;
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #FFC107;
+ color: #212529;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #FFECB3;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #FFC107;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #FFC107;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index b4d4371f1..7194d5449 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #dee2e6;
- padding: 1rem;
- font-weight: 600;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #dee2e6;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #9C27B0;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #E1BEE7;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
color: #ffffff;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #9C27B0;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #E1BEE7;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #9C27B0;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #9C27B0;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css
index 768594f6d..a652d54bb 100644
--- a/public/themes/saga-teal/theme.css
+++ b/public/themes/saga-teal/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
+ color: #ebedef;
}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #f8f9fa;
- color: #495057;
- border: 1px solid #dee2e6;
- padding: 1rem;
- font-weight: 600;
-}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #dee2e6;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #009688;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #B2DFDB;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
color: #ffffff;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #009688;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.2rem #B2DFDB;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #009688;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #009688;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 3b040741b..d4a94ff2c 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
-}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #1C2833;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
color: #ebedef;
- border: 1px solid #2C3E50;
- padding: 1rem;
- font-weight: 600;
}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #2C3E50;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #64B5F6;
+ color: #212529;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #BBDEFB;
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
- color: #ffffff;
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #64B5F6;
+ color: #212529;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #BBDEFB;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #64B5F6;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #64B5F6;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css
index e5a7142b8..bebcf3bcb 100644
--- a/public/themes/vela-cyan/theme.css
+++ b/public/themes/vela-cyan/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
-}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #1C2833;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
color: #ebedef;
- border: 1px solid #2C3E50;
- padding: 1rem;
- font-weight: 600;
}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #2C3E50;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #4DD0E1;
+ color: #212529;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #B2EBF2;
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
- color: #ffffff;
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #4DD0E1;
+ color: #212529;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #B2EBF2;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #4DD0E1;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #4DD0E1;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css
index fec94b482..f457d8066 100644
--- a/public/themes/vela-deeppurple/theme.css
+++ b/public/themes/vela-deeppurple/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
-}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #1C2833;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
color: #ebedef;
- border: 1px solid #2C3E50;
- padding: 1rem;
- font-weight: 600;
}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #2C3E50;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #9575CD;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #D1C4E9;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
color: #ffffff;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #9575CD;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #D1C4E9;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #9575CD;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #9575CD;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index e1027136f..4dcbbe13f 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
-}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #1C2833;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
color: #ebedef;
- border: 1px solid #2C3E50;
- padding: 1rem;
- font-weight: 600;
}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #2C3E50;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #81C784;
+ color: #212529;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #C8E6C9;
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
- color: #ffffff;
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #81C784;
+ color: #212529;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #C8E6C9;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #81C784;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #81C784;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css
index e6d5117eb..65f4ddba5 100644
--- a/public/themes/vela-indigo/theme.css
+++ b/public/themes/vela-indigo/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
-}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #1C2833;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
color: #ebedef;
- border: 1px solid #2C3E50;
- padding: 1rem;
- font-weight: 600;
}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #2C3E50;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #7986CB;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #C5CAE9;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
color: #ffffff;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #7986CB;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #C5CAE9;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #7986CB;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #7986CB;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index e32f557c3..dc9975597 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
-}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #1C2833;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
color: #ebedef;
- border: 1px solid #2C3E50;
- padding: 1rem;
- font-weight: 600;
}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #2C3E50;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #FFD54F;
+ color: #212529;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #FFECB3;
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
- color: #ffffff;
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #FFD54F;
+ color: #212529;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #FFECB3;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #FFD54F;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #FFD54F;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 02fe3851d..089879657 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
-}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #1C2833;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
color: #ebedef;
- border: 1px solid #2C3E50;
- padding: 1rem;
- font-weight: 600;
}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #2C3E50;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #BA68C8;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #E1BEE7;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
color: #ffffff;
- transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
+}
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #BA68C8;
+ color: #ffffff;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #E1BEE7;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #BA68C8;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #BA68C8;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css
index 8623a9a18..d7fb9d6ac 100644
--- a/public/themes/vela-teal/theme.css
+++ b/public/themes/vela-teal/theme.css
@@ -3311,192 +3311,99 @@
}
.p-galleria .p-galleria-close {
- margin: 0.2rem;
+ margin: 0.5rem;
+ background: transparent;
+ color: #ebedef;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
+ border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
font-size: 2rem;
- padding: 0.286rem;
- color: #ffffff;
}
-.p-galleria .p-galleria-close .p-galleria-close-icon:hover {
- color: #ffffff;
-}
-.p-galleria .p-galleria-header,
-.p-galleria .p-galleria-footer {
- background: #1C2833;
+.p-galleria .p-galleria-close:hover {
+ background: rgba(255, 255, 255, 0.1);
color: #ebedef;
- border: 1px solid #2C3E50;
- padding: 1rem;
- font-weight: 600;
}
-.p-galleria .p-galleria-header + .p-galleria-content,
-.p-galleria .p-galleria-footer + .p-galleria-content {
- background-color: rgba(0, 0, 0, 0.9);
- border: 1px solid #2C3E50;
- border-top: 0 none;
-}
-.p-galleria .p-galleria-header {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
-}
-.p-galleria .p-galleria-footer {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
+.p-galleria .p-galleria-item-nav {
background: rgba(0, 0, 0, 0.2);
- border: 0 none;
- color: #ffffff;
- padding: 0.429rem;
+ color: #aeb6bf;
+ width: 4rem;
+ height: 4rem;
+ transition: background-color 0.2s, box-shadow 0.2s;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-prev-icon,
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button .p-galleria-preview-next-icon {
+.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
+.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
font-size: 2rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover {
- color: #ffffff;
+.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
+ background: rgba(0, 0, 0, 0.3);
+ color: #ebedef;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-caption {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- color: #ffffff;
+.p-galleria .p-galleria-caption {
+ background: rgba(0, 0, 0, 0.5);
+ color: #ebedef;
padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- padding: 0.2rem;
+.p-galleria .p-galleria-indicators {
+ padding: 1rem;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- border-radius: 3px;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button {
- padding: 0.286rem;
+.p-galleria .p-galleria-indicators .p-galleria-indicator button {
+ background-color: #e9ecef;
+ width: 1rem;
+ height: 1rem;
transition: background-color 0.2s, box-shadow 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- width: 14px;
- height: 14px;
- background: #dadada;
border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon:before {
- content: " ";
+.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: #dee2e6;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
+.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
background: #4DB6AC;
+ color: #212529;
}
-.p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #B2DFDB;
+.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
+ margin-right: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content {
- background-color: rgba(0, 0, 0, 0.9);
+.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
+ margin-bottom: 0.5rem;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: transparent;
- border-radius: 50%;
- margin: 0.2rem;
- color: #ffffff;
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
+ background: rgba(0, 0, 0, 0.5);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
+ background: rgba(255, 255, 255, 0.4);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
+ background: rgba(255, 255, 255, 0.6);
+}
+.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
+ background: #4DB6AC;
+ color: #212529;
+}
+.p-galleria .p-galleria-thumbnail-container {
+ background: rgba(0, 0, 0, 0.9);
+ padding: 1rem 0.25rem;
+}
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
+ margin: 0.5rem;
+ background-color: transparent;
+ color: #aeb6bf;
+ width: 2rem;
+ height: 2rem;
transition: background-color 0.2s, box-shadow 0.2s;
- width: 2.357rem;
- height: 2.357rem;
+ border-radius: 50%;
}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
+.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
background: rgba(255, 255, 255, 0.1);
- color: #ffffff;
- border-color: transparent;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item {
- opacity: 0.4;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item:hover {
- opacity: 1;
- transition: opacity 0.2s;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item.p-galleria-thumbnail-item-current {
- opacity: 1;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content {
- margin: 0.3rem;
-}
-.p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-items-content .p-galleria-thumbnail-items-container .p-galleria-thumbnail-item .p-galleria-thumbnail-item-content:focus {
- outline: 0 none;
- outline-offset: 0;
- box-shadow: 0 0 0 0.1rem #B2DFDB;
-}
-.p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon {
- background: #ffffff;
-}
-.p-galleria.p-galleria-indicator-onpreview .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon {
- background: #4DB6AC;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-top: 0;
- padding-bottom: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- height: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-bottom: 0;
- padding-top: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-right: 0;
- padding-left: 0.857rem;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container {
- background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 70%);
- width: 30%;
-}
-.p-galleria.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item {
- padding-left: 0;
- padding-right: 0.857rem;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
- background: transparent;
- border: 0 none;
- color: #ffffff;
- font-size: 1.2em;
-}
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover,
-.p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover {
- background: transparent;
- color: #4DB6AC;
- border-color: 0 none;
+ color: #aeb6bf;
}
.p-galleria-mask {
- background: #000000;
-}
-.p-galleria-mask .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button {
- height: 20rem;
- width: 4rem;
- margin-top: -10rem;
+ background: rgba(0, 0, 0, 0.9);
}
.p-inplace .p-inplace-display {
diff --git a/src/components/galleria/Galleria.vue b/src/components/galleria/Galleria.vue
index 60c31f29e..5b10daca6 100755
--- a/src/components/galleria/Galleria.vue
+++ b/src/components/galleria/Galleria.vue
@@ -41,19 +41,19 @@ export default {
type: Array,
default: null
},
- showPreviewNavButtons: {
+ showItemNavigators: {
type: Boolean,
default: false
},
- showThumbnailNavButtons: {
+ showThumbnailNavigators: {
type: Boolean,
default: true
},
- showNavButtonsOnPreviewHover: {
+ showItemNavigatorsOnHover: {
type: Boolean,
default: false
},
- changePreviewOnIndicatorHover: {
+ changeItemOnIndicatorHover: {
type: Boolean,
default: false
},
@@ -85,7 +85,7 @@ export default {
type: Boolean,
default: false
},
- showIndicatorsOnPreview: {
+ showIndicatorsOnItem: {
type: Boolean,
default: false
},
@@ -178,21 +178,20 @@ export default {
flex-direction: column;
}
-/* Preview */
-.p-galleria-preview-content {
+.p-galleria-item-wrapper {
display: flex;
flex-direction: column;
position: relative;
height: 100%;
}
-.p-galleria-preview-container {
+.p-galleria-item-container {
position: relative;
display: flex;
height: 100%;
}
-.p-galleria-preview-nav-button {
+.p-galleria-item-nav {
position: absolute;
top: 50%;
margin-top: -.5rem;
@@ -201,15 +200,19 @@ export default {
align-items: center;
}
-.p-galleria-preview-prev {
+.p-galleria-item-prev {
left: 0;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
}
-.p-galleria-preview-next {
+.p-galleria-item-next {
right: 0;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
}
-.p-galleria-preview-items-content {
+.p-galleria-item {
display: flex;
justify-content: center;
align-items: center;
@@ -217,22 +220,22 @@ export default {
width: 100%;
}
-.p-galleria-preview-nav-onhover .p-galleria-preview-nav-button {
+.p-galleria-item-nav-onhover .p-galleria-item-nav {
pointer-events: none;
opacity: 0;
transition: opacity .2s ease-in-out;
}
-.p-galleria-preview-nav-onhover .p-galleria-preview-content:hover .p-galleria-preview-nav-button {
+.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {
pointer-events: all;
opacity: 1;
}
-.p-galleria-preview-nav-onhover .p-galleria-preview-content:hover .p-galleria-preview-nav-button.p-disabled {
+.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {
pointer-events: none;
}
-.p-galleria-preview-caption {
+.p-galleria-caption {
position: absolute;
bottom: 0;
left: 0;
@@ -240,7 +243,7 @@ export default {
}
/* Thumbnails */
-.p-galleria-thumbnail-content {
+.p-galleria-thumbnail-wrapper {
display: flex;
flex-direction: column;
overflow: auto;
@@ -268,11 +271,11 @@ export default {
flex-direction: row;
}
-.p-galleria-thumbnail-items-content {
+.p-galleria-thumbnail-items-container {
overflow: hidden;
}
-.p-galleria-thumbnail-items-container {
+.p-galleria-thumbnail-items {
display: flex;
}
@@ -281,9 +284,6 @@ export default {
display: flex;
align-items: center;
justify-content: center;
-}
-
-.p-galleria-thumbnail-item-content {
cursor: pointer;
}
@@ -295,18 +295,18 @@ export default {
align-items: center;
}
-.p-galleria-thumbnails-left .p-galleria-preview-content,
-.p-galleria-thumbnails-right .p-galleria-preview-content {
+.p-galleria-thumbnails-left .p-galleria-item-wrapper,
+.p-galleria-thumbnails-right .p-galleria-item-wrapper {
flex-direction: row;
}
-.p-galleria-thumbnails-left .p-galleria-preview-content,
-.p-galleria-thumbnails-top .p-galleria-preview-content {
+.p-galleria-thumbnails-left .p-galleria-item-wrapper,
+.p-galleria-thumbnails-top .p-galleria-item-wrapper {
order: 2;
}
-.p-galleria-thumbnails-left .p-galleria-thumbnail-content,
-.p-galleria-thumbnails-top .p-galleria-thumbnail-content {
+.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,
+.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {
order: 1;
}
@@ -315,72 +315,72 @@ export default {
flex-direction: column;
}
-.p-galleria-thumbnails-left .p-galleria-thumbnail-items-container,
-.p-galleria-thumbnails-right .p-galleria-thumbnail-items-container {
+.p-galleria-thumbnails-left .p-galleria-thumbnail-items,
+.p-galleria-thumbnails-right .p-galleria-thumbnail-items {
flex-direction: column;
height: 100%;
}
/* Indicators */
-.p-galleria-indicator-container {
+.p-galleria-indicators {
display: flex;
align-items: center;
justify-content: center;
}
-.p-galleria-indicator-item > button {
+.p-galleria-indicator > button {
display: inline-flex;
align-items: center;
}
-.p-galleria-indicators-left .p-galleria-preview-content,
-.p-galleria-indicators-right .p-galleria-preview-content {
+.p-galleria-indicators-left .p-galleria-item-wrapper,
+.p-galleria-indicators-right .p-galleria-item-wrapper {
flex-direction: row;
align-items: center;
}
-.p-galleria-indicators-left .p-galleria-preview-container,
-.p-galleria-indicators-top .p-galleria-preview-container {
+.p-galleria-indicators-left .p-galleria-item-container,
+.p-galleria-indicators-top .p-galleria-item-container {
order: 2;
}
-.p-galleria-indicators-left .p-galleria-indicator-container,
-.p-galleria-indicators-top .p-galleria-indicator-container {
+.p-galleria-indicators-left .p-galleria-indicators,
+.p-galleria-indicators-top .p-galleria-indicators {
order: 1;
}
-.p-galleria-indicators-left .p-galleria-indicator-container,
-.p-galleria-indicators-right .p-galleria-indicator-container {
+.p-galleria-indicators-left .p-galleria-indicators,
+.p-galleria-indicators-right .p-galleria-indicators {
flex-direction: column;
}
-.p-galleria-indicator-onpreview .p-galleria-indicator-container {
+.p-galleria-indicator-onitem .p-galleria-indicators {
position: absolute;
display: flex;
}
-.p-galleria-indicator-onpreview.p-galleria-indicators-top .p-galleria-indicator-container {
+.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {
top: 0;
left: 0;
width: 100%;
align-items: flex-start;
}
-.p-galleria-indicator-onpreview.p-galleria-indicators-right .p-galleria-indicator-container {
+.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {
right: 0;
top: 0;
height: 100%;
align-items: flex-end;
}
-.p-galleria-indicator-onpreview.p-galleria-indicators-bottom .p-galleria-indicator-container {
+.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {
bottom: 0;
left: 0;
width: 100%;
align-items: flex-end;
}
-.p-galleria-indicator-onpreview.p-galleria-indicators-left .p-galleria-indicator-container {
+.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {
left: 0;
top: 0;
height: 100%;
@@ -399,9 +399,12 @@ export default {
position: absolute;
top: 0;
right: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
-.p-galleria-mask .p-galleria-preview-nav-button {
+.p-galleria-mask .p-galleria-item-nav {
position: fixed;
top: 50%;
margin-top: -.5rem;
diff --git a/src/components/galleria/GalleriaContent.vue b/src/components/galleria/GalleriaContent.vue
index cdadde694..37da3addc 100755
--- a/src/components/galleria/GalleriaContent.vue
+++ b/src/components/galleria/GalleriaContent.vue
@@ -7,14 +7,14 @@