ImageGrid/ui/single-image-mode.css
Alex A. Naanou 54a4998378 added different indicator modes...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
2012-08-22 19:39:20 +04:00

53 lines
1.1 KiB
CSS
Executable File

/* single image theme (start everything with .single-image-mode)
*/
.single-image-mode.viewer {
}
.single-image-mode .controller,
.single-image-mode .controller-mini {
opacity: 0.2;
}
.single-image-mode .screen-button {
}
.single-image-mode .image,
.single-image-mode.opaque-current-ribbon .image,
.single-image-mode.opaque-current-ribbon .current.ribbon .image {
opacity: 0.0;
background-color: transparent;
}
.single-image-mode .image:hover {
}
.single-image-mode .ribbon {
}
.single-image-mode .current.image:hover,
.single-image-mode .current.image,
.single-image-mode.opaque-current-ribbon .current.ribbon .current.image {
opacity: 1.0;
}
/* disabled animations */
/* XXX for some reason this stopped working... */
.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;
}
.single-image-mode.opaque-current-ribbon .current-indicator {
display: none
}