mirror of
				https://github.com/amiaopensource/ffmprovisr.git
				synced 2025-11-04 10:49:10 +01:00 
			
		
		
		
	cleans up hover css, keeps text white on hover
This commit is contained in:
		
							
								
								
									
										59
									
								
								css/css.css
									
									
									
									
									
								
							
							
						
						
									
										59
									
								
								css/css.css
									
									
									
									
									
								
							@@ -137,32 +137,41 @@ div {
 | 
				
			|||||||
  color: white;
 | 
					  color: white;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.recipe {
 | 
					.sidebar a {
 | 
				
			||||||
 | 
					  text-decoration: none;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.recipe, .contents-list {
 | 
				
			||||||
  color: white;
 | 
					  color: white;
 | 
				
			||||||
  background-color: #383838;
 | 
					  background-color: #383838;
 | 
				
			||||||
  padding: 14px;
 | 
					  padding: 14px;
 | 
				
			||||||
  padding-left: 2.8em;
 | 
					 | 
				
			||||||
  font-family: "Montserrat";
 | 
					  font-family: "Montserrat";
 | 
				
			||||||
  font-weight: bold;
 | 
					 | 
				
			||||||
  font-size: 1.2em;
 | 
					  font-size: 1.2em;
 | 
				
			||||||
 | 
					  font-weight: bold;
 | 
				
			||||||
 | 
					  letter-spacing: 0.1em;
 | 
				
			||||||
  border: 1px solid black;
 | 
					  border: 1px solid black;
 | 
				
			||||||
  transition: all .5s ease-out;
 | 
					 | 
				
			||||||
  position: relative;
 | 
					 | 
				
			||||||
  width: 100%;
 | 
					  width: 100%;
 | 
				
			||||||
  cursor: pointer;
 | 
					  cursor: pointer;
 | 
				
			||||||
 | 
					  position: relative;
 | 
				
			||||||
 | 
					  padding-left: 2.8em;
 | 
				
			||||||
 | 
					  transition: all .5s ease-out;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.recipe:hover {
 | 
					.recipe:hover, .contents-list:hover {
 | 
				
			||||||
  color: black;
 | 
					 | 
				
			||||||
  background-color: #449d44;
 | 
					  background-color: #449d44;
 | 
				
			||||||
  border: 1px solid black;
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.recipe:before {
 | 
					.recipe:before {
 | 
				
			||||||
  content: "💫";
 | 
					  content: "💫";
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.contents-list:before {
 | 
				
			||||||
 | 
					  content: "📼";
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.recipe:before, .contents-list:before {
 | 
				
			||||||
  position: absolute;
 | 
					  position: absolute;
 | 
				
			||||||
  left: 1em;
 | 
					  left: 1em;
 | 
				
			||||||
  padding: 0 1px;
 | 
					 | 
				
			||||||
  padding-right: 1em;
 | 
					  padding-right: 1em;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@@ -171,38 +180,6 @@ div {
 | 
				
			|||||||
  transition: 0.5s;
 | 
					  transition: 0.5s;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.sidebar a {
 | 
					 | 
				
			||||||
  text-decoration: none;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.contents-list {
 | 
					 | 
				
			||||||
  color: white;
 | 
					 | 
				
			||||||
  background-color: #383838;
 | 
					 | 
				
			||||||
  padding: 14px;
 | 
					 | 
				
			||||||
  padding-left: 2.8em;
 | 
					 | 
				
			||||||
  font-family: "Montserrat";
 | 
					 | 
				
			||||||
  font-weight: bold;
 | 
					 | 
				
			||||||
  font-size: 1em;
 | 
					 | 
				
			||||||
  border: 1px solid black;
 | 
					 | 
				
			||||||
  transition: all .5s ease-out;
 | 
					 | 
				
			||||||
  position: relative;
 | 
					 | 
				
			||||||
  cursor: pointer;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.contents-list:hover {
 | 
					 | 
				
			||||||
  color: black;
 | 
					 | 
				
			||||||
  background-color: #449d44;
 | 
					 | 
				
			||||||
  border:1px solid black;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.contents-list:before {
 | 
					 | 
				
			||||||
  content: "📼";
 | 
					 | 
				
			||||||
  position: absolute;
 | 
					 | 
				
			||||||
  left: 1em;
 | 
					 | 
				
			||||||
  padding: 0 1px;
 | 
					 | 
				
			||||||
  padding-right: 1em;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.contents-list:hover:before, .contents-list:focus:before, .contents-list:active:before {
 | 
					.contents-list:hover:before, .contents-list:focus:before, .contents-list:active:before {
 | 
				
			||||||
  transform: scale(1.8) translateX(0.3em);
 | 
					  transform: scale(1.8) translateX(0.3em);
 | 
				
			||||||
  transition: 0.5s;
 | 
					  transition: 0.5s;
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user