"Şablon:KategoriMenu/styles.css" sayfasının sürümleri arasındaki fark

Mersin Kent Ansiklopedisi sitesinden
Gezinti kısmına atla Arama kısmına atla
26. satır: 26. satır:
 
   padding-top:10px;
 
   padding-top:10px;
 
   padding-bottom:10px;
 
   padding-bottom:10px;
  transition: transform .3s ease-in;
+
 
    
 
    
 
}
 
}
  
.kategori-list li:hover{
+
.kategori-list lia:hover{
 
transform:scale(1.1);
 
transform:scale(1.1);
 
}
 
}
37. satır: 37. satır:
 
text-decoration:none;
 
text-decoration:none;
 
color:white;
 
color:white;
 +
transition: transform 0.2s ease-in;
 
}
 
}
  

01.28, 15 Mart 2021 tarihindeki hâli

.kategoriler{
  width:100%;
  height:30px;
  display:contents;
}

.kategoriler .kategori-list {
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:100%;
  margin:0;
}

.kategori-list li{
  cursor:pointer;
  width:100%;
  text-align:center;
  font-size:17px;
  font-weight:bold;
  font-family:sans-serif;
  color:white;
  letter-spacing:3px;
  height:100%;
  padding-top:10px;
  padding-bottom:10px;
 
  
}

.kategori-list lia:hover{
	transform:scale(1.1);
}

.kategori-list li a {
	text-decoration:none;
	color:white;
	transition: transform 0.2s ease-in;
}

.kategori-list li a:visited {
	color:white;
}

.kategori-list li:nth-child(2n-1){
  background:rgba(137,179,80,0.86);
  border: 1px solid rgb(137,179,80);
}
.kategori-list li:nth-child(2n){
  background:rgba(245,152,33,0.75);
  border: 1px solid rgb(245,152,33);
}