mirror of
https://github.com/flynx/ImageGrid.git
synced 2025-10-29 18:30:09 +00:00
66 lines
1.2 KiB
CSS
Executable File
66 lines
1.2 KiB
CSS
Executable File
/* single image theme (start everything with .single-image-mode)
|
|
*/
|
|
.single-image-mode.viewer {
|
|
background: black;
|
|
}
|
|
|
|
|
|
.single-image-mode .controller {
|
|
opacity: 0.5;
|
|
background: black;
|
|
}
|
|
|
|
|
|
.single-image-mode .screen-button {
|
|
}
|
|
|
|
|
|
.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: gray;
|
|
}
|
|
|
|
|
|
.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 gray 1px;
|
|
}
|
|
|
|
|
|
|