E.Ü. Bilimsel Araştırma Projeleri Koordinatörlüğü

h3{/*color:#FFF;*/ font-size:14px;} .kolon1 { float: left; display: block; margin: 5px; padding: 4px; border: 1px solid #ccc; width: 208px; height: 168px; box-shadow:5px 10px 18px #ccc; } .kolon1:hover img { opacity: .5;} @media only screen and (max-width: 479px) {.kolon1 {width:100%;}} @media only screen and (min-width: 480px) and (max-width: 619px) {.kolon1 {width:100%;}} @media only screen and (min-width: 620px) and (max-width: 767px) {.kolon1 {width:100%;}} .kolon {background-color: #eee; /* Green background */ border: 1px solid #fff; /* Green border */ color: #003785; /* White text */ padding: 10px 24px; /* Some padding */ cursor: pointer; /* Pointer/hand icon */ float: left; /* Float the buttons side by side */ margin:5px; width:30%; word-wrap:break-word; height:85px; } @media only screen and (max-width: 479px) {.kolon {width:100%;}} @media only screen and (min-width: 480px) and (max-width: 619px) {.kolon {width:100%;}} @media only screen and (min-width: 620px) and (max-width: 767px) {.kolon {width:100%;}}

İdari Personel

.idaripersonelbox { width: calc(33.33% - 120px); /* 3 kutunun toplam genişliği 100% olacak şekilde ayarlanır */ margin: 10px; /* Kutular arasında boşluk bırakır */ display: inline-block; /* Kutuları yatay olarak hizalar */ text-align: center; /* İçeriği merkezi hizalar */ } .img { width: 180px; /* Fotoğraf genişliği */ height: 220px; /* Fotoğraf yüksekliği */ object-fit: cover; /* Resim boyutunu korurken resmin tamamen görünmesini sağlar */ border: 2px solid #000; /* 2 piksel kalınlığında siyah çerçeve ekler */ border-radius: 10px; /* Resimlere köşe yuvarlar */ }