<style>#moisrex {
font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#moisrex #news_ticker {
background: #002b3b;
width: 300px;
height: 27px;
margin: 40px auto 0;
overflow: hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 3px;
position: relative;
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
}
#moisrex span {
font-family:b yekan,tahoma;
float: left;
color: rgba(0,0,0,.8);
color: #fff;
background: #00425a;
padding: 6px;
position: relative;
border-radius: 4px;
font-size: 12px;
-webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0,0,0,0.5);
box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.2), 0px 1px 1px rgba(0,0,0,0.5);
background: rgb(0,75,103);
background: -moz-linear-gradient(top, rgba(0,75,103,1) 0%, rgba(0,53,72,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,75,103,1) 0%,rgba(0,53,72,1) 100%);
background: -o-linear-gradient(top, rgba(0,75,103,1) 0%,rgba(0,53,72,1) 100%);
background: -ms-linear-gradient(top, rgba(0,75,103,1) 0%,rgba(0,53,72,1) 100%);
background: linear-gradient(top, rgba(0,75,103,1) 0%,rgba(0,53,72,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004b67', endColorstr='#003548',GradientType=0 );
}
#moisrex ul {
float: left;
padding-left: 20px;
-webkit-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
-moz-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
-ms-animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
animation: ticker 10s cubic-bezier(1, 0, .5, 0) infinite;
list-style:none;
}
#moisrex ul:hover {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-ms-animation-play-state: paused;
animation-play-state: paused;
}
#moisrex li {line-height: 26px;}
#moisrex #news_ticker a {
color: #fff;
text-decoration: none;
font-size: 13px;
}
@-webkit-keyframes ticker {
0% {margin-top: 0;}
25% {margin-top: -26px;}
50% {margin-top: -52px;}
75% {margin-top: -78px;}
100% {margin-top: 0;}
}
@-moz-keyframes ticker {
0% {margin-top: 0;}
25% {margin-top: -26px;}
50% {margin-top: -52px;}
75% {margin-top: -78px;}
100% {margin-top: 0;}
}
@-ms-keyframes ticker {
0% {margin-top: 0;}
25% {margin-top: -26px;}
50% {margin-top: -52px;}
75% {margin-top: -78px;}
100% {margin-top: 0;}
}
@keyframes ticker {
0% {margin-top: 0;}
25% {margin-top: -26px;}
50% {margin-top: -52px;}
75% {margin-top: -78px;}
100% {margin-top: 0;}
}
</style>
<div id="moisrex">
<div id="news_ticker">
<span>اخرین مطالب سایت</span>
<ul>
<RB:Blog_Last_Posts_Block>
<RB:Blog_Last_Posts_Loop>
<li><a href="[Last_Post_Url]">[Last_Post_Title]</a></li>
</RB:Blog_Last_Posts_Loop>
</RB:Blog_Last_Posts_Block>
</ul>
</div>
</div>