Commit 5963fcfb authored by Patrick Schmalstig's avatar Patrick Schmalstig
Browse files

Fixed MANTIS-5746 (Poor colour choices on gallery mosaic and slideshow)

parent 68d6173e

themes/default/css/galleries.css

+15 −15
Original line number Diff line number Diff line 
/*

/*

 {$BRAND_NAME`}

 Copyright (c) Christopher Graham, 2004-2024

*/
@@ -272,7 +272,7 @@ html.is-gallery-slideshow body#main-website #main-website-inner { 
}



.gallery-slideshow-screen.is-bg-color-dark {

	background: {$COLOR_LIGHTEN,{$GET,BW},13.5%};

	background: {$COLOR_LIGHTEN,{$GET,WB},13.5%};

}



.gallery-slideshow-screen .slideshow-content {
@@ -287,8 +287,8 @@ html.is-gallery-slideshow body#main-website #main-website-inner { 
	display: table;

	margin: 0 auto;

	padding: 5px 10px;

	background: {$COLOR_LIGHTEN,{$GET,BW},20%};

	color: white;

	background: {$COLOR_LIGHTEN,{$GET,WB},20%};

	color: {$GET,BW};

	border-bottom-left-radius: {$GET,border_radius};

	border-bottom-right-radius: {$GET,border_radius};

}
@@ -363,7 +363,7 @@ html.is-gallery-slideshow body#main-website #main-website-inner { 
	left: 0;

	{$BETA_CSS_PROPERTY,display: flex;}

	flex-direction: column;

	color: {$GET,WB};

	color: {$GET,BW};

	animation: cms-fade-in 0.3s ease-in-out;

	pointer-events: none;

	z-index: 10;
@@ -376,7 +376,7 @@ html.is-gallery-slideshow body#main-website #main-website-inner { 


.gallery-slideshow-screen .slideshow-details-overlay .title a,

.gallery-slideshow-screen .slideshow-details-overlay .title a:hover {

	color: {$GET,WB};

	color: {$GET,BW};

	text-decoration: none;

}
@@ -397,7 +397,7 @@ html.is-gallery-slideshow body#main-website #main-website-inner { 
.gallery-slideshow-screen .slideshow-details-overlay-top,

.gallery-slideshow-screen .slideshow-details-overlay-bottom {

	pointer-events: auto;

	background: rgba(0, 0, 0, 0.6);

	background: {$COLOR_RGBA,{$GET,WB},0.6};

}



.gallery-slideshow-screen .btn-slider-control {
@@ -438,7 +438,7 @@ html.is-gallery-slideshow body#main-website #main-website-inner { 
	/*flex-basis: 0;*/

	height: 100px;

	max-height: 100px;

	background: {$COLOR_LIGHTEN,{$GET,BW},20%};

	background: {$COLOR_LIGHTEN,{$GET,WB},20%};

	position: absolute;

	left: 0;

	right: 0;
@@ -479,7 +479,7 @@ html.is-gallery-slideshow body#main-website #main-website-inner { 
	order: 2;

	{$BETA_CSS_PROPERTY,display: flex;}

	flex-direction: column;

	background: {$COLOR_LIGHTEN,{$GET,BW},20%};

	background: {$COLOR_LIGHTEN,{$GET,WB},20%};

}



/*{+START,CSS_MODE,mobile}*/
@@ -736,7 +736,7 @@ html:not(.is-touch-enabled) .glide-other-gallery-images.has-multiple-views:not(: 
		right: -32px;

		top: 0;

		z-index: 1;

		background: {$GET,WB};

		background: {$GET,BW};

	}



	.gallery-mosaic-item:hover .mass-select-marker,
@@ -756,12 +756,12 @@ html:not(.is-touch-enabled) .glide-other-gallery-images.has-multiple-views:not(: 
	display: block;

	width: 100%;

	height: 100%;

	color: {$GET,WB};

	color: {$GET,BW};

	overflow: hidden;

}



.gallery-mosaic-item-inner:hover {

	color: {$GET,WB};

	color: {$GET,BW};

}



.gallery-mosaic-item .img-thumb {
@@ -796,11 +796,11 @@ html:not(.is-touch-enabled) .glide-other-gallery-images.has-multiple-views:not(: 
	right: 0;

	left: 0;

	padding: 5px 10px;

	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);

	background-image: linear-gradient(to bottom, {$COLOR_RGBA,{$GET,WB},0.8}, {$COLOR_RGBA,{$GET,WB},0.4});

}



.gallery-mosaic-item-overlay-top .rating-display-star {

	color: {$GET,WB};

	color: {$GET,BW};

}



.gallery-mosaic-item-overlay-top .views {
@@ -824,7 +824,7 @@ html:not(.is-touch-enabled) .glide-other-gallery-images.has-multiple-views:not(: 
	left: 0;

	bottom: 0;

	padding: 5px 10px;

	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));

	background-image: linear-gradient(to bottom, {$COLOR_RGBA,{$GET,WB},0.4}, {$COLOR_RGBA,{$GET,WB},0.8});

}



.gallery-mosaic-item-overlay-bottom .title {