/*--Latest News--*/
#latest_news
{
width:988px;
height:21px;
margin:0 auto 8px auto;
border-bottom:2px solid #d1d3d4;
}
#latest_news samp
{
font-size:13px;
color:#0066b3;
padding-left:10px;
float:left;
padding-top:2px;
display:block;
}
#latest
{
height:21px;
background:#ed1c24;
float:left;
}
#latest span
{
padding:3px 5px 0px 5px;
font-size:12px;
display:block;
font-weight:bold;
color:white;
}
#latest_aero
{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEJvVTbPbjlKcDK92ZoThZB1V8TRKx4SOAo-Y45sYkvcFC52rsifaJtMdjqalwH5WHlU19626Cla1U1Q93a6ah0WRZamHM7a1b3lQNYr2eHW6bPoZxEbRUMPJithCgW5Zi6PzPes9DaOl6/s1600/aero.png) no-repeat;
float:left;
width:15px;
height:21px;
}
/*--Latest News --*/
.news-wrapper
{
width: 650px;
position: relative;
float:left;
overflow: hidden;
}
.news-title
{
float: left;
z-index: 11;
}
.news
{
width: 650px;
height: 21px;
overflow: hidden;
}
.headline
{
position: absolute;
font-size: 10pt;
height: 10px;
padding: 2px 12px 6px 8px;
overflow: hidden;
z-index: 1;
/*overflow: hidden;*/
}
.headline a, .headline a:active, .headline
{
color: #0066B3;
text-decoration: none;
font-size:12px;
font-weight:bold;
}
.headline a:hover
{
color: #163b5b;
text-decoration: none;
}
.control-bar
{
width: 10px;
height: 21px;
position: absolute;
z-index: 1;
}
.controls-wrapper
{
position: relative;
width: 48px;
height: 12px;
margin-left: 24px;
}
.controls-wrapper div
{
position: relative;
width: 7px;
height: 8px;
margin-left: 6px;
margin-top: 4px;
float: left;
}
.preview-wrapper
{
font-size: 10pt;
padding-top: 8px;
width: 308px;
position: absolute; /*margin: auto;*/
z-index: 1000;
}
.preview h4, .preview p
{
margin: 0;
padding: 0;
overflow: hidden;
}
.preview h4
{
font-size: 10pt;
color: White;
font-weight: normal;
width: 290px;
height: 16px;
}
.preview p
{
color: #9f9e9e;
width: 290px;
height: 54px;
}
.preview a
{
font-size: 11px;
color: #9f9e9e;
text-decoration: none;
margin-left: 4px;
}
.tip
{
margin: auto;
width: 13px;
height: 9px;
}
.news-wrapper.multiple
{
width: 600px;
overflow: hidden;
}
.news-wrapper.multiple .news-title
{
float: left;
}
.news-wrapper.multiple .news
{
float: left;
width: 200px;
}
.news-wrapper.multiple .headline
{
position: relative;
float: left;
margin-left: 0px;
}
/*--Search--*/
#search
{
width:180px;
height:21px;
background:#000;
float:right;
}
.search1
{
width:145px;
height:17px;
float:left;
margin:2px 4px;
padding:0px 2px;
background:white;
border:none;
}
.search_button
{
float:left;
margin-top:2px;
}
---------------------------------------------------------------------
<div id='latest_news'>
<div id='latest'><span> Legújabb bejegyzések : </span></div>
<div id='latest_aero'/>
<!--Latest News-->
<div id='container'>
<div class='demo'>
<div class='news-wrapper' id='snews'>
<div class='news'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts4+"&orderby=published&alt=json-in-script&callback=showrecentposts1a\"><\/script>");
</script>
</div>
</div>
</div>
</div>
<!--Search-->
<div id='search'>
<form action='/search' id='searchform' method='get'>
<input class='search1' id='se' name='q' onFocus='if (this.value == 'keresés az oldalon...') {this.value = '';}' onblur='if (this.value == '') {this.value = 'keresés az oldalon...';}' type='text' value='keresés az oldalon...'/>
<input class='search_button' id='searchsubmit' name='' src='http://www.themesdesk.com/themes/newspaper-theme/wp-content/themes/newsmagazine/images/search_button.png' type='image' value='go'/>
</form>
</div>
</div>
