| 
									
										
										
										
											2020-05-31 20:24:35 +02:00
										 |  |  | .previewtitle { | 
					
						
							|  |  |  |     height: 10%; | 
					
						
							|  |  |  |     color: white; | 
					
						
							|  |  |  |     text-align: center; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .previewpic { | 
					
						
							|  |  |  |     height: 80%; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .previewimage{ | 
					
						
							|  |  |  |     width:100%; | 
					
						
							|  |  |  |     height:100%; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .videopreview { | 
					
						
							|  |  |  |     height: 300px; | 
					
						
							|  |  |  |     width: 30%; | 
					
						
							|  |  |  |     float: left; | 
					
						
							|  |  |  |     margin: 1%; | 
					
						
							|  |  |  |     background-color: #7F7F7F; | 
					
						
							|  |  |  |     cursor: pointer; | 
					
						
							|  |  |  |     opacity: 0.9; | 
					
						
							|  |  |  |     border: 10px; | 
					
						
							|  |  |  |     border-radius: 20px; | 
					
						
							|  |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | .videopreview:hover { | 
					
						
							|  |  |  |     opacity: 1; | 
					
						
							|  |  |  |     transition: opacity 0.5s; | 
					
						
							|  |  |  | } | 
					
						
							| 
									
										
										
										
											2020-06-01 19:09:32 +02:00
										 |  |  | 
 | 
					
						
							|  |  |  | /* todo check if neccessary*/ | 
					
						
							|  |  |  | .previewcontainer { | 
					
						
							|  |  |  |     margin-left: 10%; | 
					
						
							|  |  |  |     width: 80%; | 
					
						
							|  |  |  |     margin-right: 10%; | 
					
						
							|  |  |  | } |