/* Haberler */

.news-box {
-webkit-box-shadow:0 0 20px rgba(0,0,0,.3);
-moz-box-shadow:0 0 20px rgba(0,0,0,.3);
box-shadow:0 0 20px rgba(0,0,0,.3);
background-color:#fff;
font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
margin-bottom:50px
}

.news {
border-bottom:1px solid #f4f4f4;
padding:25px;
font-size:25px;
font-weight:100;
color:#666
}

.news-content ul li {
padding:2% 2% 4%;
border-bottom:1px solid #f4f4f4;
height:60px
}

.news-content ul li a:hover .news-date {
color:#eee;
background-color:#2da5da
}

.news-content ul li a:hover .news-head {
color:#2da5da;
background-color:#none
}

.news-content ul li a {
color:#666;
text-decoration:none
}

.news-date {
float:left;
padding:15px;
background-color:#e6e6e6;
text-align:center;
text-transform:uppercase;
height:50px;
width:50px;
margin-right:15px
}

.date-mounth {
font-weight:700;
margin-bottom:5px;
font-size:15px
}

.date-day {
font-weight:100;
font-size:30px
}

.date-mounth {
font-weight:700;
margin-bottom:5px;
font-size:15px
}

.news-head {
padding:.5% 0;
font-weight:700;
font-size:20px
}

.news-sub {
font-weight:100;
font-size:17px;
line-height:20px
}

.news-buton-genel {
padding:20px 0 20px 20px;
text-align:center
}

span.news-buton {
padding:13px;
color:#666
}

span.news-buton:hover {
color:#fff;
background-color:#2da5da
}

/* Haberler Son */


Test ettim çalışıyor.

Eğer renkler ile alakalı değişiklik yapacaksanız benim eklediğim kısım şu burayı düzenlemelisiniz.

.news-content ul li a:hover .news-date {
color:#eee;
background-color:#2da5da
}

.news-content ul li a:hover .news-head {
color:#2da5da;
background-color:#none
}