ImageGrid/ui/single-image-mode.css

/* single image theme (start everything with .single-image-mode) 
 */
.single-image-mode.viewer {
	background: black;
}


.single-image-mode .controller {
}


.single-image-mode .screen-button {
	color: white;
}


.single-image-mode .image {
	opacity: 0.0;
}


.single-image-mode .image:hover {
}


.single-image-mode .ribbon {
}


.single-image-mode .current.image:hover, .single-image-mode .current.image {
	opacity: 1.0;
}


/* disabled animations */
.single-image-mode.no-single-image-transitions .image, .single-image-mode.no-single-image-transitions .ribbon {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: all 0 ease;
	-ms-transition: none;	
	transition: none;
}

/* white background */
.single-image-mode.single-image-white-bg.viewer, .single-image-mode.single-image-white-bg .controller {
	background: white;
}


.single-image-mode.single-image-white-bg .screen-button {
	color: black;
}


.single-image-mode.single-image-white-bg .image {
	background-color: white;
}


.single-image-mode.single-image-white-bg .toggle-single, .single-image-mode.single-image-white-bg .zoom-in {
	border-top: solid black 1px;
}