Şablon:KategoriMenu/styles.css

Mersin Kent Ansiklopedisi sitesinden
< Şablon:KategoriMenu
Elisabetta (mesaj | katkılar) tarafından oluşturulmuş 02.31, 15 Mart 2021 tarihli sürüm
(fark) ← Önceki hâli | Güncel sürüm (fark) | Sonraki hâli → (fark)
Gezinti kısmına atla Arama kısmına atla
.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;
 
  
}

@media screen and (max-width:500px){
	.kategori-list li {
		font-size:13px;
	}
}

.kategori-list li a: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);
}