diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 08c0e2800..622874389 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -1,4 +1,9 @@ @charset "UTF-8"; +:root { + --primaryColor: #FFB300; + --primaryTextColor: #212121; + --panelContentBorder: 1px solid #191919; } + /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; @@ -3245,6 +3250,142 @@ body .p-progressbar { margin-top: 0; color: #dedede; line-height: 24px; } +body .p-galleria .p-galleria-close .p-galleria-close-icon { + color: #ffffff; } + body .p-galleria .p-galleria-close .p-galleria-close-icon:hover { + color: #FFB300; } +body .p-galleria .p-galleria-header, +body .p-galleria .p-galleria-footer { + background-color: #191919; + color: #dedede; + border: 1px solid #191919; + padding: 0.571em 1em; } + body .p-galleria .p-galleria-header + .p-galleria-content, + body .p-galleria .p-galleria-footer + .p-galleria-content { + border: 1px solid #191919; + border-top: 0 none; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button { + background-color: transparent; + border: 0 none; + color: #ffffff; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover { + color: #FFB300; } +body .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; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + border-radius: 3px; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button { + display: inline-flex; + align-items: center; + height: 1.5em; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi { + color: #252525; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi:before { + content: ""; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon.pi { + color: #FFB300; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em #ffe8b3; + -moz-box-shadow: 0 0 0 0.2em #ffe8b3; + box-shadow: 0 0 0 0.2em #ffe8b3; } +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: #FFB300; + border: 1px solid #FFB300; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0.2em; + color: #212121; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover { + background-color: #FFA000; + color: #212121; + border-color: #FFA000; } +body .p-galleria .p-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: .4; } + body .p-galleria .p-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; + -moz-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; } + body .p-galleria .p-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; } + body .p-galleria .p-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; + -webkit-box-shadow: 0 0 0 0.2em #ffe8b3; + -moz-box-shadow: 0 0 0 0.2em #ffe8b3; + box-shadow: 0 0 0 0.2em #ffe8b3; } +body .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-top: 1em; } +body .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-bottom: 1em; } +body .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-right: 1em; } +body .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-left: 1em; } +body .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.pi { + color: #ffffff; } +body .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.pi { + color: #FFB300; } +body .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%); + display: flex; + align-items: flex-end; + bottom: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + top: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + left: 0; + width: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-end; + right: 0; + width: 30%; } + body .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: 1em; } +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: transparent; + border: 0 none; + color: #ffffff; + font-size: 1.2em; } + body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .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-color: transparent; + color: #FFB300; + border-color: 0 none; } +body .p-galleria-mask { + background-color: black; } body .p-terminal { background-color: #323232; color: #dedede; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index db5011e8c..b32695a46 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -1,4 +1,9 @@ @charset "UTF-8"; +:root { + --primaryColor: #1f7ed0; + --primaryTextColor: #ffffff; + --panelContentBorder: 1px solid #191919; } + /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; @@ -3245,6 +3250,142 @@ body .p-progressbar { margin-top: 0; color: #dedede; line-height: 24px; } +body .p-galleria .p-galleria-close .p-galleria-close-icon { + color: #ffffff; } + body .p-galleria .p-galleria-close .p-galleria-close-icon:hover { + color: #1f7ed0; } +body .p-galleria .p-galleria-header, +body .p-galleria .p-galleria-footer { + background-color: #191919; + color: #dedede; + border: 1px solid #191919; + padding: 0.571em 1em; } + body .p-galleria .p-galleria-header + .p-galleria-content, + body .p-galleria .p-galleria-footer + .p-galleria-content { + border: 1px solid #191919; + border-top: 0 none; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button { + background-color: transparent; + border: 0 none; + color: #ffffff; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover { + color: #1f7ed0; } +body .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; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + border-radius: 3px; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button { + display: inline-flex; + align-items: center; + height: 1.5em; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi { + color: #252525; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi:before { + content: ""; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon.pi { + color: #1f7ed0; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em #aed3f3; + -moz-box-shadow: 0 0 0 0.2em #aed3f3; + box-shadow: 0 0 0 0.2em #aed3f3; } +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: #1f7ed0; + border: 1px solid #1f7ed0; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0.2em; + color: #ffffff; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover { + background-color: #1b71bb; + color: #ffffff; + border-color: #1b71bb; } +body .p-galleria .p-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: .4; } + body .p-galleria .p-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; + -moz-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; } + body .p-galleria .p-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; } + body .p-galleria .p-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; + -webkit-box-shadow: 0 0 0 0.2em #aed3f3; + -moz-box-shadow: 0 0 0 0.2em #aed3f3; + box-shadow: 0 0 0 0.2em #aed3f3; } +body .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-top: 1em; } +body .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-bottom: 1em; } +body .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-right: 1em; } +body .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-left: 1em; } +body .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.pi { + color: #ffffff; } +body .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.pi { + color: #1f7ed0; } +body .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%); + display: flex; + align-items: flex-end; + bottom: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + top: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + left: 0; + width: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-end; + right: 0; + width: 30%; } + body .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: 1em; } +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: transparent; + border: 0 none; + color: #ffffff; + font-size: 1.2em; } + body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .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-color: transparent; + color: #1f7ed0; + border-color: 0 none; } +body .p-galleria-mask { + background-color: black; } body .p-terminal { background-color: #323232; color: #dedede; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 7cabc6376..dbd4e205b 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -1,4 +1,9 @@ @charset "UTF-8"; +:root { + --primaryColor: #1ea04c; + --primaryTextColor: #ffffff; + --panelContentBorder: 1px solid #191919; } + /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; @@ -3245,6 +3250,142 @@ body .p-progressbar { margin-top: 0; color: #dedede; line-height: 24px; } +body .p-galleria .p-galleria-close .p-galleria-close-icon { + color: #ffffff; } + body .p-galleria .p-galleria-close .p-galleria-close-icon:hover { + color: #1ea04c; } +body .p-galleria .p-galleria-header, +body .p-galleria .p-galleria-footer { + background-color: #191919; + color: #dedede; + border: 1px solid #191919; + padding: 0.571em 1em; } + body .p-galleria .p-galleria-header + .p-galleria-content, + body .p-galleria .p-galleria-footer + .p-galleria-content { + border: 1px solid #191919; + border-top: 0 none; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button { + background-color: transparent; + border: 0 none; + color: #ffffff; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover { + color: #1ea04c; } +body .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; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + border-radius: 3px; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button { + display: inline-flex; + align-items: center; + height: 1.5em; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi { + color: #252525; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi:before { + content: ""; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon.pi { + color: #1ea04c; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em #88e9aa; + -moz-box-shadow: 0 0 0 0.2em #88e9aa; + box-shadow: 0 0 0 0.2em #88e9aa; } +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: #1ea04c; + border: 1px solid #1ea04c; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0.2em; + color: #ffffff; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover { + background-color: #1b9044; + color: #ffffff; + border-color: #1b9044; } +body .p-galleria .p-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: .4; } + body .p-galleria .p-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; + -moz-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; } + body .p-galleria .p-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; } + body .p-galleria .p-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; + -webkit-box-shadow: 0 0 0 0.2em #88e9aa; + -moz-box-shadow: 0 0 0 0.2em #88e9aa; + box-shadow: 0 0 0 0.2em #88e9aa; } +body .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-top: 1em; } +body .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-bottom: 1em; } +body .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-right: 1em; } +body .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-left: 1em; } +body .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.pi { + color: #ffffff; } +body .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.pi { + color: #1ea04c; } +body .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%); + display: flex; + align-items: flex-end; + bottom: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + top: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + left: 0; + width: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-end; + right: 0; + width: 30%; } + body .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: 1em; } +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: transparent; + border: 0 none; + color: #ffffff; + font-size: 1.2em; } + body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .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-color: transparent; + color: #1ea04c; + border-color: 0 none; } +body .p-galleria-mask { + background-color: black; } body .p-terminal { background-color: #323232; color: #dedede; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 0c4959382..d6ef0f5b6 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -1,4 +1,9 @@ @charset "UTF-8"; +:root { + --primaryColor: #cc285c; + --primaryTextColor: #ffffff; + --panelContentBorder: 1px solid #191919; } + /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; @@ -3245,6 +3250,142 @@ body .p-progressbar { margin-top: 0; color: #dedede; line-height: 24px; } +body .p-galleria .p-galleria-close .p-galleria-close-icon { + color: #ffffff; } + body .p-galleria .p-galleria-close .p-galleria-close-icon:hover { + color: #cc285c; } +body .p-galleria .p-galleria-header, +body .p-galleria .p-galleria-footer { + background-color: #191919; + color: #dedede; + border: 1px solid #191919; + padding: 0.571em 1em; } + body .p-galleria .p-galleria-header + .p-galleria-content, + body .p-galleria .p-galleria-footer + .p-galleria-content { + border: 1px solid #191919; + border-top: 0 none; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button { + background-color: transparent; + border: 0 none; + color: #ffffff; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover { + color: #cc285c; } +body .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; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + border-radius: 3px; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button { + display: inline-flex; + align-items: center; + height: 1.5em; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi { + color: #252525; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi:before { + content: ""; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon.pi { + color: #cc285c; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em #f1b6c8; + -moz-box-shadow: 0 0 0 0.2em #f1b6c8; + box-shadow: 0 0 0 0.2em #f1b6c8; } +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: #cc285c; + border: 1px solid #cc285c; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0.2em; + color: #ffffff; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover { + background-color: #b72452; + color: #ffffff; + border-color: #b72452; } +body .p-galleria .p-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: .4; } + body .p-galleria .p-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; + -moz-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; } + body .p-galleria .p-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; } + body .p-galleria .p-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; + -webkit-box-shadow: 0 0 0 0.2em #f1b6c8; + -moz-box-shadow: 0 0 0 0.2em #f1b6c8; + box-shadow: 0 0 0 0.2em #f1b6c8; } +body .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-top: 1em; } +body .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-bottom: 1em; } +body .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-right: 1em; } +body .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-left: 1em; } +body .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.pi { + color: #ffffff; } +body .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.pi { + color: #cc285c; } +body .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%); + display: flex; + align-items: flex-end; + bottom: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + top: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + left: 0; + width: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-end; + right: 0; + width: 30%; } + body .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: 1em; } +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: transparent; + border: 0 none; + color: #ffffff; + font-size: 1.2em; } + body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .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-color: transparent; + color: #cc285c; + border-color: 0 none; } +body .p-galleria-mask { + background-color: black; } body .p-terminal { background-color: #323232; color: #dedede; diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css index 57e2e0674..ed62cc840 100644 --- a/public/themes/nova-colored/theme.css +++ b/public/themes/nova-colored/theme.css @@ -1,4 +1,9 @@ @charset "UTF-8"; +:root { + --primaryColor: #007ad9; + --primaryTextColor: #ffffff; + --panelContentBorder: 1px solid #c8c8c8; } + /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; @@ -3245,6 +3250,142 @@ body .p-progressbar { margin-top: 0; color: #333333; line-height: 24px; } +body .p-galleria .p-galleria-close .p-galleria-close-icon { + color: #ffffff; } + body .p-galleria .p-galleria-close .p-galleria-close-icon:hover { + color: #007ad9; } +body .p-galleria .p-galleria-header, +body .p-galleria .p-galleria-footer { + background-color: #007ad9; + color: #ffffff; + border: 1px solid #007ad9; + padding: 0.571em 1em; } + body .p-galleria .p-galleria-header + .p-galleria-content, + body .p-galleria .p-galleria-footer + .p-galleria-content { + border: 1px solid #007ad9; + border-top: 0 none; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button { + background-color: transparent; + border: 0 none; + color: #ffffff; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover { + color: #007ad9; } +body .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; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + border-radius: 3px; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button { + display: inline-flex; + align-items: center; + height: 1.5em; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi { + color: #b2c1cd; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi:before { + content: ""; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon.pi { + color: #007ad9; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em #8dcdff; + -moz-box-shadow: 0 0 0 0.2em #8dcdff; + box-shadow: 0 0 0 0.2em #8dcdff; } +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: #ffffff; + border: solid 1px rgba(178, 193, 205, 0.64); + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0.2em; + color: #333333; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; } + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover { + background-color: #ffffff; + color: #007ad9; + border-color: rgba(178, 193, 205, 0.64); } +body .p-galleria .p-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: .4; } + body .p-galleria .p-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; + -moz-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; } + body .p-galleria .p-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; } + body .p-galleria .p-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; + -webkit-box-shadow: 0 0 0 0.2em #8dcdff; + -moz-box-shadow: 0 0 0 0.2em #8dcdff; + box-shadow: 0 0 0 0.2em #8dcdff; } +body .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-top: 1em; } +body .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-bottom: 1em; } +body .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-right: 1em; } +body .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-left: 1em; } +body .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.pi { + color: #ffffff; } +body .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.pi { + color: #007ad9; } +body .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%); + display: flex; + align-items: flex-end; + bottom: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + top: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + left: 0; + width: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-end; + right: 0; + width: 30%; } + body .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: 1em; } +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: transparent; + border: 0 none; + color: #ffffff; + font-size: 1.2em; } + body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .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-color: transparent; + color: #007ad9; + border-color: 0 none; } +body .p-galleria-mask { + background-color: black; } body .p-terminal { background-color: #ffffff; color: #333333; diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css index 4da2e962c..5504c4eb4 100644 --- a/public/themes/nova-dark/theme.css +++ b/public/themes/nova-dark/theme.css @@ -1,4 +1,9 @@ @charset "UTF-8"; +:root { + --primaryColor: #007ad9; + --primaryTextColor: #ffffff; + --panelContentBorder: 1px solid #c8c8c8; } + /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; @@ -3245,6 +3250,142 @@ body .p-progressbar { margin-top: 0; color: #333333; line-height: 24px; } +body .p-galleria .p-galleria-close .p-galleria-close-icon { + color: #ffffff; } + body .p-galleria .p-galleria-close .p-galleria-close-icon:hover { + color: #007ad9; } +body .p-galleria .p-galleria-header, +body .p-galleria .p-galleria-footer { + background-color: #333333; + color: #ffffff; + border: 1px solid #333333; + padding: 0.571em 1em; } + body .p-galleria .p-galleria-header + .p-galleria-content, + body .p-galleria .p-galleria-footer + .p-galleria-content { + border: 1px solid #333333; + border-top: 0 none; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button { + background-color: transparent; + border: 0 none; + color: #ffffff; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover { + color: #007ad9; } +body .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; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + border-radius: 3px; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button { + display: inline-flex; + align-items: center; + height: 1.5em; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi { + color: #b2c1cd; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi:before { + content: ""; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon.pi { + color: #007ad9; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em #8dcdff; + -moz-box-shadow: 0 0 0 0.2em #8dcdff; + box-shadow: 0 0 0 0.2em #8dcdff; } +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: #ffffff; + border: solid 1px rgba(178, 193, 205, 0.64); + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0.2em; + color: #333333; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; } + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover { + background-color: #ffffff; + color: #007ad9; + border-color: rgba(178, 193, 205, 0.64); } +body .p-galleria .p-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: .4; } + body .p-galleria .p-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; + -moz-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; } + body .p-galleria .p-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; } + body .p-galleria .p-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; + -webkit-box-shadow: 0 0 0 0.2em #8dcdff; + -moz-box-shadow: 0 0 0 0.2em #8dcdff; + box-shadow: 0 0 0 0.2em #8dcdff; } +body .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-top: 1em; } +body .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-bottom: 1em; } +body .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-right: 1em; } +body .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-left: 1em; } +body .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.pi { + color: #ffffff; } +body .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.pi { + color: #007ad9; } +body .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%); + display: flex; + align-items: flex-end; + bottom: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + top: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + left: 0; + width: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-end; + right: 0; + width: 30%; } + body .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: 1em; } +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: transparent; + border: 0 none; + color: #ffffff; + font-size: 1.2em; } + body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .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-color: transparent; + color: #007ad9; + border-color: 0 none; } +body .p-galleria-mask { + background-color: black; } body .p-terminal { background-color: #ffffff; color: #333333; diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css index de86cbd4b..7afec201a 100644 --- a/public/themes/nova-light/theme.css +++ b/public/themes/nova-light/theme.css @@ -1,4 +1,9 @@ @charset "UTF-8"; +:root { + --primaryColor: #007ad9; + --primaryTextColor: #ffffff; + --panelContentBorder: 1px solid #c8c8c8; } + /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; @@ -3245,6 +3250,142 @@ body .p-progressbar { margin-top: 0; color: #333333; line-height: 24px; } +body .p-galleria .p-galleria-close .p-galleria-close-icon { + color: #ffffff; } + body .p-galleria .p-galleria-close .p-galleria-close-icon:hover { + color: #007ad9; } +body .p-galleria .p-galleria-header, +body .p-galleria .p-galleria-footer { + background-color: #f4f4f4; + color: #333333; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; } + body .p-galleria .p-galleria-header + .p-galleria-content, + body .p-galleria .p-galleria-footer + .p-galleria-content { + border: 1px solid #c8c8c8; + border-top: 0 none; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button { + background-color: transparent; + border: 0 none; + color: #ffffff; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover { + color: #007ad9; } +body .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; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + border-radius: 3px; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button { + display: inline-flex; + align-items: center; + height: 1.5em; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi { + color: #b2c1cd; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi:before { + content: ""; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon.pi { + color: #007ad9; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em #8dcdff; + -moz-box-shadow: 0 0 0 0.2em #8dcdff; + box-shadow: 0 0 0 0.2em #8dcdff; } +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: #ffffff; + border: solid 1px rgba(178, 193, 205, 0.64); + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0.2em; + color: #333333; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; } + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover { + background-color: #ffffff; + color: #007ad9; + border-color: rgba(178, 193, 205, 0.64); } +body .p-galleria .p-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: .4; } + body .p-galleria .p-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; + -moz-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; } + body .p-galleria .p-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; } + body .p-galleria .p-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; + -webkit-box-shadow: 0 0 0 0.2em #8dcdff; + -moz-box-shadow: 0 0 0 0.2em #8dcdff; + box-shadow: 0 0 0 0.2em #8dcdff; } +body .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-top: 1em; } +body .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-bottom: 1em; } +body .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-right: 1em; } +body .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-left: 1em; } +body .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.pi { + color: #ffffff; } +body .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.pi { + color: #007ad9; } +body .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%); + display: flex; + align-items: flex-end; + bottom: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + top: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + left: 0; + width: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-end; + right: 0; + width: 30%; } + body .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: 1em; } +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: transparent; + border: 0 none; + color: #ffffff; + font-size: 1.2em; } + body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .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-color: transparent; + color: #007ad9; + border-color: 0 none; } +body .p-galleria-mask { + background-color: black; } body .p-terminal { background-color: #ffffff; color: #333333; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index e2c8081af..9f831d334 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -1,4 +1,9 @@ @charset "UTF-8"; +:root { + --primaryColor: #41b883; + --primaryTextColor: #ffffff; + --panelContentBorder: 1px solid #c8c8c8; } + /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; @@ -3245,6 +3250,142 @@ body .p-progressbar { margin-top: 0; color: #333333; line-height: 24px; } +body .p-galleria .p-galleria-close .p-galleria-close-icon { + color: #ffffff; } + body .p-galleria .p-galleria-close .p-galleria-close-icon:hover { + color: #41b883; } +body .p-galleria .p-galleria-header, +body .p-galleria .p-galleria-footer { + background-color: #f4f4f4; + color: #333333; + border: 1px solid #c8c8c8; + padding: 0.571em 1em; } + body .p-galleria .p-galleria-header + .p-galleria-content, + body .p-galleria .p-galleria-footer + .p-galleria-content { + border: 1px solid #c8c8c8; + border-top: 0 none; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button { + background-color: transparent; + border: 0 none; + color: #ffffff; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover { + color: #41b883; } +body .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; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + border-radius: 3px; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button { + display: inline-flex; + align-items: center; + height: 1.5em; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi { + color: #b2c1cd; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi:before { + content: ""; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon.pi { + color: #41b883; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em #c2e9d8; + -moz-box-shadow: 0 0 0 0.2em #c2e9d8; + box-shadow: 0 0 0 0.2em #c2e9d8; } +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: #ffffff; + border: solid 1px rgba(178, 193, 205, 0.64); + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0.2em; + color: #333333; + -moz-transition: color 0.2s; + -o-transition: color 0.2s; + -webkit-transition: color 0.2s; + transition: color 0.2s; } + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover { + background-color: #ffffff; + color: #41b883; + border-color: rgba(178, 193, 205, 0.64); } +body .p-galleria .p-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: .4; } + body .p-galleria .p-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; + -moz-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; } + body .p-galleria .p-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; } + body .p-galleria .p-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; + -webkit-box-shadow: 0 0 0 0.2em #c2e9d8; + -moz-box-shadow: 0 0 0 0.2em #c2e9d8; + box-shadow: 0 0 0 0.2em #c2e9d8; } +body .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-top: 1em; } +body .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-bottom: 1em; } +body .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-right: 1em; } +body .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-left: 1em; } +body .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.pi { + color: #ffffff; } +body .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.pi { + color: #41b883; } +body .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%); + display: flex; + align-items: flex-end; + bottom: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + top: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + left: 0; + width: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-end; + right: 0; + width: 30%; } + body .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: 1em; } +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: transparent; + border: 0 none; + color: #ffffff; + font-size: 1.2em; } + body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .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-color: transparent; + color: #41b883; + border-color: 0 none; } +body .p-galleria-mask { + background-color: black; } body .p-terminal { background-color: #ffffff; color: #333333; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index cc50075e0..84f9699b6 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -1,4 +1,9 @@ @charset "UTF-8"; +:root { + --primaryColor: #7B95A3; + --primaryTextColor: #ffffff; + --panelContentBorder: 1px solid #dadada; } + /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; @@ -3245,6 +3250,142 @@ body .p-progressbar { margin-top: 0; color: #666666; line-height: 1.714em; } +body .p-galleria .p-galleria-close .p-galleria-close-icon { + color: #ffffff; } + body .p-galleria .p-galleria-close .p-galleria-close-icon:hover { + color: #7B95A3; } +body .p-galleria .p-galleria-header, +body .p-galleria .p-galleria-footer { + background-color: #7B95A3; + color: #ffffff; + border: 1px solid #7B95A3; + padding: 0.571em 1em; } + body .p-galleria .p-galleria-header + .p-galleria-content, + body .p-galleria .p-galleria-footer + .p-galleria-content { + border: 1px solid #7B95A3; + border-top: 0 none; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button { + background-color: transparent; + border: 0 none; + color: #ffffff; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-preview-container .p-galleria-preview-nav-button:not(.p-disabled):hover { + color: #7B95A3; } +body .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; } +body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + border-radius: 3px; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item > button { + display: inline-flex; + align-items: center; + height: 1.5em; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi { + color: #b2c1cd; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item .p-galleria-indicator-icon.pi:before { + content: ""; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item.p-highlight .p-galleria-indicator-icon.pi { + color: #7B95A3; } + body .p-galleria .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item:focus { + outline: 0 none; + outline-offset: 0; + -webkit-box-shadow: 0 0 0 0.2em #e4e9ec; + -moz-box-shadow: 0 0 0 0.2em #e4e9ec; + box-shadow: 0 0 0 0.2em #e4e9ec; } +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: #7B95A3; + border: 1px solid #617c8a; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + margin: 0.2em; + color: #ffffff; + -moz-transition: background-color 0.2s, box-shadow 0.2s; + -o-transition: background-color 0.2s, box-shadow 0.2s; + -webkit-transition: background-color 0.2s, box-shadow 0.2s; + transition: background-color 0.2s, box-shadow 0.2s; } + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .p-galleria .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next:not(.p-disabled):hover { + background-color: #6c8999; + color: #ffffff; + border-color: #6c8999; } +body .p-galleria .p-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: .4; } + body .p-galleria .p-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; + -moz-transition: opacity 0.2s; + -o-transition: opacity 0.2s; + -webkit-transition: opacity 0.2s; + transition: opacity 0.2s; } + body .p-galleria .p-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; } + body .p-galleria .p-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; + -webkit-box-shadow: 0 0 0 0.2em #e4e9ec; + -moz-box-shadow: 0 0 0 0.2em #e4e9ec; + box-shadow: 0 0 0 0.2em #e4e9ec; } +body .p-galleria.p-galleria-indicators-bottom .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-top: 1em; } +body .p-galleria.p-galleria-indicators-top .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-bottom: 1em; } +body .p-galleria.p-galleria-indicators-left .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-right: 1em; } +body .p-galleria.p-galleria-indicators-right .p-galleria-content .p-galleria-preview-content .p-galleria-indicator-container .p-galleria-indicator-item { + padding-left: 1em; } +body .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.pi { + color: #ffffff; } +body .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.pi { + color: #7B95A3; } +body .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%); + display: flex; + align-items: flex-end; + bottom: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + top: 0; + height: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-start; + left: 0; + width: 30%; } + body .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: 1em; } +body .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%); + display: flex; + align-items: flex-end; + right: 0; + width: 30%; } + body .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: 1em; } +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, +body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-next { + background-color: transparent; + border: 0 none; + color: #ffffff; + font-size: 1.2em; } + body .p-galleria.p-galleria-fullscreen .p-galleria-content .p-galleria-thumbnail-content .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:not(.p-disabled):hover, + body .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-color: transparent; + color: #7B95A3; + border-color: 0 none; } +body .p-galleria-mask { + background-color: black; } body .p-terminal { background-color: #ffffff; color: #666666;