Refactored Galleria

pull/345/head
cagataycivici 2020-05-14 19:16:20 +03:00
parent cb6fbe9b59
commit 0215e1c05c
35 changed files with 1744 additions and 4133 deletions

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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 {

View File

@ -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;

View File

@ -7,14 +7,14 @@
<GalleriaItemSlot type="header" :templates="$attrs.templates"/>
</div>
<div class="p-galleria-content">
<GalleriaPreview :value="$attrs.value" :activeItemIndex.sync="activeItemIndex" :circular="$attrs.circular" :templates="$attrs.templates"
:showIndicators="$attrs.showIndicators" :changePreviewOnIndicatorHover="$attrs.changePreviewOnIndicatorHover"
:showPreviewNavButtons="$attrs.showPreviewNavButtons" :autoPlay="$attrs.autoPlay" :slideShowActive.sync="slideShowActive"
<GalleriaItem :value="$attrs.value" :activeItemIndex.sync="activeItemIndex" :circular="$attrs.circular" :templates="$attrs.templates"
:showIndicators="$attrs.showIndicators" :changeItemOnIndicatorHover="$attrs.changeItemOnIndicatorHover"
:showItemNavigators="$attrs.showItemNavigators" :autoPlay="$attrs.autoPlay" :slideShowActive.sync="slideShowActive"
@startSlideShow="startSlideShow" @stopSlideShow="stopSlideShow" />
<GalleriaThumbnails v-if="$attrs.showThumbnails" :containerId="id" :value="$attrs.value" :activeItemIndex.sync="activeItemIndex" :templates="$attrs.templates"
:numVisible="$attrs.numVisible" :responsiveOptions="$attrs.responsiveOptions" :circular="$attrs.circular"
:isVertical="isVertical()" :contentHeight="$attrs.verticalThumbnailViewPortHeight" :showThumbnailNavButtons="$attrs.showThumbnailNavButtons"
:isVertical="isVertical()" :contentHeight="$attrs.verticalThumbnailViewPortHeight" :showThumbnailNavigators="$attrs.showThumbnailNavigators"
:slideShowActive.sync="slideShowActive" @stopSlideShow="stopSlideShow" />
</div>
<div v-if="$attrs.templates && $attrs.templates['footer']" class="p-galleria-footer">
@ -25,7 +25,7 @@
<script>
import UniqueComponentId from '../utils/UniqueComponentId';
import GalleriaPreview from './GalleriaPreview';
import GalleriaItem from './GalleriaItem';
import GalleriaThumbnails from './GalleriaThumbnails';
import GalleriaItemSlot from './GalleriaItemSlot';
@ -88,13 +88,13 @@ export default {
return ['p-galleria p-component', {
'p-galleria-fullscreen': this.$attrs.fullScreen,
'p-galleria-indicator-onpreview': this.$attrs.showIndicatorsOnPreview,
'p-galleria-preview-nav-onhover': this.$attrs.showNavButtonsOnPreviewHover && !this.$attrs.fullScreen
'p-galleria-indicator-onitem': this.$attrs.showIndicatorsOnItem,
'p-galleria-item-nav-onhover': this.$attrs.showItemNavigatorsOnHover && !this.$attrs.fullScreen
}, thumbnailsPosClass, indicatorPosClass, this.$attrs.containerClass]
}
},
components: {
'GalleriaPreview': GalleriaPreview,
'GalleriaItem': GalleriaItem,
'GalleriaThumbnails': GalleriaThumbnails,
'GalleriaItemSlot': GalleriaItemSlot
}

View File

@ -1,28 +1,24 @@
<template>
<div class="p-galleria-preview-content">
<div class="p-galleria-preview-container">
<button v-if="showPreviewNavButtons" type="button" :class="navBackwardClass" @click="navBackward($event)" :disabled="isNavBackwardDisabled()">
<span class="p-galleria-preview-prev-icon pi pi-chevron-left"></span>
<div class="p-galleria-item-wrapper">
<div class="p-galleria-item-container">
<button v-if="showItemNavigators" type="button" :class="navBackwardClass" @click="navBackward($event)" :disabled="isNavBackwardDisabled()">
<span class="p-galleria-item-prev-icon pi pi-chevron-left"></span>
</button>
<div class="p-galleria-preview-items-content">
<div class="p-galleria-item">
<GalleriaItemSlot type="item" :item="activeItem" :templates="templates" />
</div>
<button v-if="showPreviewNavButtons" type="button" :class="navForwardClass" @click="navForward($event)" :disabled="isNavForwardDisabled()">
<span class="p-galleria-preview-next-icon pi pi-chevron-right"></span>
<button v-if="showItemNavigators" type="button" :class="navForwardClass" @click="navForward($event)" :disabled="isNavForwardDisabled()">
<span class="p-galleria-item-next-icon pi pi-chevron-right"></span>
</button>
<div class="p-galleria-preview-caption">
<GalleriaItemSlot type="previewCaption" :item="activeItem" :templates="templates" />
<div class="p-galleria-caption" v-if="templates['caption']">
<GalleriaItemSlot type="caption" :item="activeItem" :templates="templates" />
</div>
</div>
<ul v-if="showIndicators" class="p-galleria-indicator-container p-reset">
<ul v-if="showIndicators" class="p-galleria-indicators p-reset">
<li v-for="(item, index) of value" :key="`p-galleria-indicator-${index}`" tabindex="0"
@click="onIndicatorClick(index)" @mouseenter="onIndicatorMouseEnter(index)" @keydown.enter="onIndicatorKeyDown(index)"
:class="['p-galleria-indicator-item', {'p-highlight': isIndicatorItemActive(index)}]">
<button type="button" tabIndex="-1" class="p-link" v-if="!templates['indicator']">
<span :class="['p-galleria-indicator-icon pi', {
'pi-circle-on': isIndicatorItemActive(index),
'pi-circle-off': !isIndicatorItemActive(index)}]" />
</button>
:class="['p-galleria-indicator', {'p-highlight': isIndicatorItemActive(index)}]">
<button type="button" tabindex="-1" class="p-link" v-if="!templates['indicator']"></button>
<GalleriaItemSlot type="indicator" :index="index" :templates="templates" />
</li>
</ul>
@ -46,7 +42,7 @@ export default {
type: Array,
default: null
},
showPreviewNavButtons: {
showItemNavigators: {
type: Boolean,
default: true
},
@ -58,7 +54,7 @@ export default {
type: Boolean,
default: true
},
changePreviewOnIndicatorHover: {
changeItemOnIndicatorHover: {
type: Boolean,
default: true
},
@ -119,7 +115,7 @@ export default {
this.$emit('update:activeItemIndex', index);
},
onIndicatorMouseEnter(index) {
if (this.changePreviewOnIndicatorHover) {
if (this.changeItemOnIndicatorHover) {
this.stopSlideShow();
this.$emit('update:activeItemIndex', index);
@ -145,12 +141,12 @@ export default {
return this.value[this.activeItemIndex];
},
navBackwardClass() {
return ['p-galleria-preview-prev p-galleria-preview-nav-button p-button', {
return ['p-galleria-item-prev p-galleria-item-nav p-link', {
'p-disabled': this.isNavBackwardDisabled()
}];
},
navForwardClass() {
return ['p-galleria-preview-next p-galleria-preview-nav-button p-button', {
return ['p-galleria-item-next p-galleria-item-nav p-link', {
'p-disabled': this.isNavForwardDisabled()
}];
}

View File

@ -27,7 +27,7 @@ export default {
let content;
switch (type) {
case 'item':
case 'previewCaption':
case 'caption':
case 'thumbnail':
content = template({
item

View File

@ -1,11 +1,11 @@
<template>
<div class="p-galleria-thumbnail-content">
<div class="p-galleria-thumbnail-wrapper">
<div class="p-galleria-thumbnail-container">
<button v-if="showThumbnailNavButtons" :class="navBackwardClass" @click="navBackward($event)" :disabled="isNavBackwardDisabled()">
<button v-if="showThumbnailNavigators" :class="navBackwardClass" @click="navBackward($event)" :disabled="isNavBackwardDisabled()">
<span :class="navBackwardIconClass"></span>
</button>
<div class="p-galleria-thumbnail-items-content" :style="{'height': isVertical ? contentHeight : ''}">
<div ref="itemsContainer" class="p-galleria-thumbnail-items-container" @transitionend="onTransitionEnd"
<div class="p-galleria-thumbnail-items-container" :style="{'height': isVertical ? contentHeight : ''}">
<div ref="itemsContainer" class="p-galleria-thumbnail-items" @transitionend="onTransitionEnd"
@touchstart="onTouchStart($event)" @touchmove="onTouchMove($event)" @touchend="onTouchEnd($event)">
<div v-for="(item, index) of value" :key="`p-galleria-thumbnail-item-${index}`" :class="['p-galleria-thumbnail-item', {
'p-galleria-thumbnail-item-current': activeItemIndex === index,
@ -18,7 +18,7 @@
</div>
</div>
</div>
<button v-if="showThumbnailNavButtons" :class="navForwardClass" @click="navForward($event)" :disabled="isNavForwardDisabled()">
<button v-if="showThumbnailNavigators" :class="navForwardClass" @click="navForward($event)" :disabled="isNavForwardDisabled()">
<span :class="navForwardIconClass"></span>
</button>
</div>
@ -67,7 +67,7 @@ export default {
type: String,
default: "300px"
},
showThumbnailNavButtons: {
showThumbnailNavigators: {
type: Boolean,
default: true
},
@ -382,12 +382,12 @@ export default {
},
computed: {
navBackwardClass() {
return ['p-galleria-thumbnail-prev p-button', {
return ['p-galleria-thumbnail-prev p-link', {
'p-disabled': this.isNavBackwardDisabled()
}];
},
navForwardClass() {
return ['p-galleria-thumbnail-next p-button', {
return ['p-galleria-thumbnail-next p-link', {
'p-disabled': this.isNavForwardDisabled()
}];
},

View File

@ -17,7 +17,7 @@
<img :src="item.thumbnailImageSrc" :alt="item.alt" style="display: block;" />
</div>
</template>
<template #previewCaption="{item}">
<template #itemCaption="{item}">
<h4 style="margin-bottom: .5rem;">{{item.title}}</h4>
<p>{{item.alt}}</p>
</template>
@ -38,7 +38,7 @@
&lt;img :src="item.thumbnailImageSrc" :alt="item.alt" style="display: block;" /&gt;
&lt;/div&gt;
&lt;/template&gt;
&lt;template #previewCaption="{item}"&gt;
&lt;template #itemCaption="{item}"&gt;
&lt;h4 style="margin-bottom: .5rem;"&gt;{{item.title}}&lt;/h4&gt;
&lt;p&gt;{{item.alt}}&lt;/p&gt;
&lt;/template&gt;

View File

@ -9,7 +9,7 @@
<div class="content-section implementation">
<Galleria ref="galleria" :value="images" :activeItemIndex.sync="activeItemIndex" :numVisible="5" style="max-width: 520px;" :class="galleriaClass"
:showThumbnails="showThumbnails" :showPreviewNavButtons="true" :showNavButtonsOnPreviewHover="true"
:showThumbnails="showThumbnails" :showItemNavigators="true" :showItemNavigatorsOnHover="true"
:circular="true" :autoPlay="true" :transitionInterval="3000">
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" :style="[{'width': !isPreviewFullScreen ? '100%' : '', 'display': !isPreviewFullScreen ? 'block' : ''}]" />

View File

@ -299,7 +299,7 @@ responsiveOptions: [
<td>Container of the preview content. It contains navigation buttons, preview item and caption content.</td>
</tr>
<tr>
<td>p-galleria-indicator-container</td>
<td>p-galleria-indicators</td>
<td>Container of the indicators. It contains indicator items.</td>
</tr>
<tr>

View File

@ -10,7 +10,7 @@
<div class="content-section implementation">
<h3 class="first">Basic</h3>
<Galleria :value="images" :responsiveOptions="responsiveOptions2" :numVisible="9" containerStyle="max-width: 50%"
:circular="true" :fullScreen="true" :showPreviewNavButtons="true" :visible.sync="displayBasic">
:circular="true" :fullScreen="true" :showItemNavigators="true" :visible.sync="displayBasic">
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />
</template>
@ -25,7 +25,7 @@
<h3>Without Thumbnails</h3>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="7" containerStyle="max-width: 850px"
:circular="true" :fullScreen="true" :showPreviewNavButtons="true" :showThumbnails="false" :visible.sync="displayBasic2">
:circular="true" :fullScreen="true" :showItemNavigators="true" :showThumbnails="false" :visible.sync="displayBasic2">
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />
</template>
@ -40,7 +40,7 @@
<h3>Custom Contents</h3>
<Galleria :value="images" :activeItemIndex.sync="activeItemIndex" :responsiveOptions="responsiveOptions" :numVisible="7" containerStyle="max-width: 850px"
:circular="true" :fullScreen="true" :showPreviewNavButtons="true" :showThumbnails="false" :visible.sync="displayCustom">
:circular="true" :fullScreen="true" :showItemNavigators="true" :showThumbnails="false" :visible.sync="displayCustom">
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />
</template>

View File

@ -14,151 +14,77 @@
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />
</template>
<template #thumbnail="slotProps">
<div class="p-grid p-nogutter p-justify-center">
<img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="display: block;" />
</div>
</template>
</Galleria>
<h3>Change Preview On Indicator Hover</h3>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="5" style="max-width: 520px"
:showThumbnails="false" :showIndicators="true" :changePreviewOnIndicatorHover="true">
:showThumbnails="false" :showIndicators="true" :changeItemOnIndicatorHover="true">
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />
</template>
<template #thumbnail="slotProps">
<div class="p-grid p-nogutter p-justify-center">
<img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="display: block;" />
</div>
</template>
</Galleria>
<h3>Show Indicator On Preview</h3>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="5" style="max-width: 520px"
:showThumbnails="false" :showIndicators="true" :changePreviewOnIndicatorHover="true" :showIndicatorsOnPreview="true">
:showThumbnails="false" :showIndicators="true" :changeItemOnIndicatorHover="true" :showIndicatorsOnItem="true">
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />
</template>
<template #thumbnail="slotProps">
<div class="p-grid p-nogutter p-justify-center">
<img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="display: block;" />
</div>
</template>
</Galleria>
<h3>Position</h3>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="5" style="max-width: 520px"
:showThumbnails="false" :showIndicators="true" :changePreviewOnIndicatorHover="true" :showIndicatorsOnPreview="true" indicatorsPosition="bottom">
:showThumbnails="false" :showIndicators="true" :changeItemOnIndicatorHover="true" :showIndicatorsOnItem="true" indicatorsPosition="bottom">
<template #header>
Bottom
</template>
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />
</template>
<template #thumbnail="slotProps">
<div class="p-grid p-nogutter p-justify-center">
<img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="display: block;" />
</div>
</template>
</Galleria>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="5" style="max-width: 520px; margin-top: 2rem;"
:showThumbnails="false" :showIndicators="true" :changePreviewOnIndicatorHover="true" :showIndicatorsOnPreview="true" indicatorsPosition="top">
:showThumbnails="false" :showIndicators="true" :changeItemOnIndicatorHover="true" :showIndicatorsOnItem="true" indicatorsPosition="top">
<template #header>
Top
</template>
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />
</template>
<template #thumbnail="slotProps">
<div class="p-grid p-nogutter p-justify-center">
<img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="display: block;" />
</div>
</template>
</Galleria>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="5" style="max-width: 520px; margin-top: 2rem;"
:showThumbnails="false" :showIndicators="true" :changePreviewOnIndicatorHover="true" :showIndicatorsOnPreview="true" indicatorsPosition="left">
:showThumbnails="false" :showIndicators="true" :changeItemOnIndicatorHover="true" :showIndicatorsOnItem="true" indicatorsPosition="left">
<template #header>
Left
</template>
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />
</template>
<template #thumbnail="slotProps">
<div class="p-grid p-nogutter p-justify-center">
<img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="display: block;" />
</div>
</template>
</Galleria>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="5" style="max-width: 520px; margin-top: 2rem;"
:showThumbnails="false" :showIndicators="true" :changePreviewOnIndicatorHover="true" :showIndicatorsOnPreview="true" indicatorsPosition="right">
:showThumbnails="false" :showIndicators="true" :changeItemOnIndicatorHover="true" :showIndicatorsOnItem="true" indicatorsPosition="right">
<template #header>
Right
</template>
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />
</template>
<template #thumbnail="slotProps">
<div class="p-grid p-nogutter p-justify-center">
<img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="display: block;" />
</div>
</template>
</Galleria>
<hr />
<h3>Template</h3>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="5" style="max-width: 520px;" class="custom-indicator-galleria"
:showThumbnails="false" :showIndicators="true" :changePreviewOnIndicatorHover="true" :showIndicatorsOnPreview="true" indicatorsPosition="left">
:showThumbnails="false" :showIndicators="true" :changeItemOnIndicatorHover="true" :showIndicatorsOnItem="true" indicatorsPosition="left">
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />
</template>
<template #thumbnail="slotProps">
<div class="p-grid p-nogutter p-justify-center">
<img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="display: block;" />
</div>
</template>
<template #indicator="{index}">
<div>
<span style="color: #e9ecef">
{{index + 1}}
</div>
</template>
</Galleria>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="5" style="max-width: 520px; margin-top: 2rem;" class="custom-indicator-galleria"
:showThumbnails="false" :showIndicators="true" :changePreviewOnIndicatorHover="true" indicatorsPosition="left">
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />
</template>
<template #thumbnail="slotProps">
<div class="p-grid p-nogutter p-justify-center">
<img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="display: block;" />
</div>
</template>
<template #indicator="{index}">
<div>
{{index + 1}}
</div>
</template>
</Galleria>
<Galleria :value="images2" :responsiveOptions="responsiveOptions" :numVisible="5" style="max-width: 520px; margin-top: 2rem;" class="custom-indicator-galleria2"
:showThumbnails="false" :showIndicators="true" :changePreviewOnIndicatorHover="true" indicatorsPosition="left">
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />
</template>
<template #thumbnail="slotProps">
<div class="p-grid p-nogutter p-justify-center">
<img :src="slotProps.item.thumbnailImageSrc" :alt="slotProps.item.alt" style="display: block;" />
</div>
</template>
<template #indicator="{index}">
<div style="padding: .2rem; cursor: pointer">
<img :src="images2[index].thumbnailImageSrc" :alt="images2[index].alt" style="display: block"/>
</div>
</span>
</template>
</Galleria>
</div>
@ -373,7 +299,7 @@ export default {
&.custom-indicator-galleria {
&.p-galleria-indicators-left {
.p-galleria-preview-content {
.p-galleria-indicator-container {
.p-galleria-indicators {
display: flex;
justify-content: space-between;
padding: 0;
@ -419,7 +345,7 @@ export default {
border-left-width: 0;
}
.p-galleria-indicator-container {
.p-galleria-indicators {
.p-galleria-indicator-item {
background-color: #ffffff;
border: 1px solid #c8c8c8; /* for IE */
@ -442,7 +368,7 @@ export default {
&.p-galleria-indicators-left {
.p-galleria-content {
.p-galleria-preview-content {
.p-galleria-indicator-container {
.p-galleria-indicators {
.p-galleria-indicator-item {
padding-right: 0;
}
@ -497,87 +423,5 @@ export default {
</script>
<style lang="scss" scoped>
::v-deep {
&.custom-indicator-galleria {
&.p-galleria-indicators-left {
.p-galleria-preview-content {
.p-galleria-indicator-container {
display: flex;
justify-content: space-between;
padding: 0;
.p-galleria-indicator-item {
margin-left: 0;
height: 100%;
padding-left: .5em !important;
padding-right: .5em !important;
background-color: rgba(0, 0, 0, 0.6);
color: #ffffff;
border-top-width: 0 !important;
border-radius: 0;
min-width: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all .2s;
&:first-child {
border-top-width: 1px !important;
}
&.p-highlight {
color: var(--primaryTextColor);
background-color: var(--primaryColor);
border-color: var(--primaryColor);
}
}
}
}
}
&:not(.p-galleria-indicator-onpreview) {
&.p-galleria-indicators-left {
.p-galleria-preview-content {
align-items: stretch;
.p-galleria-preview-container {
border: 1px solid #c8c8c8; /* for IE */
border: var(--panelContentBorder);
border-left-width: 0;
}
.p-galleria-indicator-container {
.p-galleria-indicator-item {
background-color: #ffffff;
border: 1px solid #c8c8c8; /* for IE */
border: var(--panelContentBorder);
color: #333333;
&.p-highlight {
color: var(--primaryTextColor);
background-color: var(--primaryColor);
border-color: var(--primaryColor);
}
}
}
}
}
}
}
&.custom-indicator-galleria2 {
&.p-galleria-indicators-left {
.p-galleria-content {
.p-galleria-preview-content {
.p-galleria-indicator-container {
.p-galleria-indicator-item {
padding-right: 0;
}
}
}
}
}
}
}
</style>

View File

@ -22,7 +22,7 @@
<h3>Navigation Buttons</h3>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="5" :circular="true" style="max-width: 520px"
:showPreviewNavButtons="true">
:showItemNavigators="true">
<template #header>
With Thumbnails
</template>
@ -37,7 +37,7 @@
</Galleria>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="5" :circular="true" style="max-width: 520px; margin-top: 2em"
:showPreviewNavButtons="true" :showThumbnails="false">
:showItemNavigators="true" :showThumbnails="false">
<template #header>
Without Thumbnails
</template>
@ -51,9 +51,9 @@
</template>
</Galleria>
<h3>Show Navigation Buttons on Preview Hover</h3>
<h3>Show Navigation Buttons on Hover</h3>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="5" :circular="true" style="max-width: 520px;"
:showPreviewNavButtons="true" :showNavButtonsOnPreviewHover="true">
:showItemNavigators="true" :showItemNavigatorsOnHover="true">
<template #header>
With Thumbnails
</template>
@ -68,7 +68,7 @@
</Galleria>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="5" :circular="true" style="max-width: 520px; margin-top: 2em"
:showPreviewNavButtons="true" :showThumbnails="false" :showNavButtonsOnPreviewHover="true">
:showItemNavigators="true" :showThumbnails="false" :showItemNavigatorsOnHover="true">
<template #header>
Without Thumbnails
</template>
@ -84,7 +84,7 @@
<h3>Advanced</h3>
<Galleria :value="images" :responsiveOptions="responsiveOptions" :numVisible="5" :circular="true" style="max-width: 520px;"
:showPreviewNavButtons="true" :showThumbnails="false" :showNavButtonsOnPreviewHover="true"
:showItemNavigators="true" :showThumbnails="false" :showItemNavigatorsOnHover="true"
:showIndicators="true" :showIndicatorsOnPreview="true" :changePreviewOnIndicatorHover="true">
<template #item="slotProps">
<img :src="slotProps.item.previewImageSrc" :alt="slotProps.item.alt" style="width: 100%; display: block;" />