| 
									
										
										
										
											2012-08-04 18:14:51 +04:00
										 |  |  | /* single image theme (start everything with .single-image-mode)  | 
					
						
							|  |  |  |  */ | 
					
						
							|  |  |  | .single-image-mode.viewer { | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2012-08-09 06:25:09 +04:00
										 |  |  | .single-image-mode .controller, | 
					
						
							|  |  |  | .single-image-mode .controller-mini { | 
					
						
							| 
									
										
										
										
											2012-08-05 18:35:21 +04:00
										 |  |  | 	opacity: 0.2; | 
					
						
							| 
									
										
										
										
											2012-08-04 18:14:51 +04:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .single-image-mode .screen-button { | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2012-08-22 19:39:20 +04:00
										 |  |  | .single-image-mode .image, | 
					
						
							|  |  |  | .single-image-mode.opaque-current-ribbon .image, | 
					
						
							|  |  |  | .single-image-mode.opaque-current-ribbon .current.ribbon .image { | 
					
						
							| 
									
										
										
										
											2012-08-04 18:14:51 +04:00
										 |  |  | 	opacity: 0.0; | 
					
						
							| 
									
										
										
										
											2012-08-05 22:33:32 +04:00
										 |  |  | 	background-color: transparent; | 
					
						
							| 
									
										
										
										
											2012-08-04 18:14:51 +04:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .single-image-mode .image:hover { | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .single-image-mode .ribbon { | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2012-08-09 06:25:09 +04:00
										 |  |  | .single-image-mode .current.image:hover, | 
					
						
							| 
									
										
										
										
											2012-08-22 19:39:20 +04:00
										 |  |  | .single-image-mode .current.image, | 
					
						
							|  |  |  | .single-image-mode.opaque-current-ribbon .current.ribbon .current.image { | 
					
						
							| 
									
										
										
										
											2012-08-04 18:14:51 +04:00
										 |  |  | 	opacity: 1.0; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2012-08-04 21:34:59 +04:00
										 |  |  | 
 | 
					
						
							|  |  |  | /* disabled animations */ | 
					
						
							| 
									
										
										
										
											2012-08-09 06:25:09 +04:00
										 |  |  | /* XXX for some reason this stopped working... */ | 
					
						
							|  |  |  | .single-image-mode.no-single-image-transitions .image, | 
					
						
							|  |  |  | .single-image-mode.no-single-image-transitions .ribbon { | 
					
						
							| 
									
										
										
										
											2012-08-04 21:34:59 +04:00
										 |  |  | 	-webkit-transition: none; | 
					
						
							|  |  |  | 	-moz-transition: none; | 
					
						
							|  |  |  | 	-o-transition: all 0 ease; | 
					
						
							|  |  |  | 	-ms-transition: none;	 | 
					
						
							|  |  |  | 	transition: none; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2012-08-22 19:39:20 +04:00
										 |  |  | .single-image-mode.opaque-current-ribbon .current-indicator { | 
					
						
							|  |  |  | 	display: none | 
					
						
							|  |  |  | } |