Refactored Galleria
cagataycivici
parent
cb6fbe9b59
commit
0215e1c05c
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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()
|
||||
}];
|
||||
}
|
||||
|
|
@ -25,9 +25,9 @@ export default {
|
|||
|
||||
if (template) {
|
||||
let content;
|
||||
switch(type) {
|
||||
switch (type) {
|
||||
case 'item':
|
||||
case 'previewCaption':
|
||||
case 'caption':
|
||||
case 'thumbnail':
|
||||
content = template({
|
||||
item
|
||||
|
|
|
|||
|
|
@ -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()
|
||||
}];
|
||||
},
|
||||
|
|
|
|||
|
|
@ -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 @@
|
|||
<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>
|
||||
|
|
|
|||
|
|
@ -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' : ''}]" />
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;" />
|
||||
|
|
|
|||
Loading…
Reference in New Issue