<div class="view">
<span class="date">$DATE$</span>
<a href="$ENTRY_URL$" class="title">$TITLE$</a>
</div>

<div class="fullView">
<a href="$ENTRY_URL$">$TITLE$</a>
<img src="$IMG_SMALL_URL1$" class="banner">
<p class="brief">$MESSAGE$</p>
</div>

<style>
#allEntries{
position:relative;
padding:20px 20px 20px 400px;
}

  .view{
background: #fff;
margin-bottom:20px;
}

div[id^="entryID"].act .view{
background:#007ef3
}

div[id^="entryID"].act .view .title{
color:#fff
}

.fullView{
position:absolute;
top:20px;
left:20px;
width:360px;
display:none
}

div[id^="entryID"].act .fullView{
display:block;
}

.banner{
width:100%
}
</style>

<script>
$(document).ready(
function(){
$('div[id^="entryID"]').hover(
function(){
$('div[id^="entryID"]').removeClass('act');
$(this).addClass('act');
}
)
}
)
</script>