@charset "utf-8";

ul{

list-style:none;

padding:0;

margin:0;

}

ul li{

padding:0;

margin:0;

}

.box {

width: 920px;

margin: 0 auto;

}

.box .title, .box .ttl{

float:right;

margin:0 15px -10px 0;

display:inline;

text-shadow:1px 1px 1px #FFF;

color:#000;

position: relative;

z-index: 2;

overflow:hidden;

}

.box .title span, .box .ttl span{

display:block;

padding:0 10px;

line-height:30px;

}

.box .title span.transition {

background:-moz-linear-gradient(right bottom, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.35) 35%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0.35) 65%, rgba(255, 255, 255, 0) 80%);

background:-webkit-gradient(linear, right bottom, left top, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 0.35)), color-stop(50%, rgba(255, 255, 255, 0.65)), color-stop(65%, rgba(255, 255, 255, 0.35)), color-stop(80%, rgba(255, 255, 255, 0)));

display:block;

height:30px;

position:absolute;

right:-160px;

top:0;

width:100%;

}

.box:hover .title span.transition{

right:160px;

/* CSS animations */

-moz-transition:all 0.6s ease-out;

-webkit-transition:all 0.6s ease-out;

-o-transition:all 0.6s ease-out;

transition:all 0.6s ease-out;

}

.box .ttl{

margin: 20px -20px 10px 0;

}

.box .ttl span{

width: 120px;

text-align: center;

}

.box ul{

clear: both;

}

.box .inner{

clear:both;

padding:20px 10px 10px 10px;

text-align:right;

line-height:18px;

position: relative;

-moz-border-radius: 10px; /* Firefox */

-webkit-border-radius: 10px; /* Safari, Chrome */

border-radius: 10px; /* CSS3 */

}

.box .title, .box .inner, .box .ttl{

border: 1px solid #C0C0C0;

background: #E0E0E0; /* for non-css3 browsers */

background: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#C0C0C0)); /* for webkit browsers */

background: -moz-linear-gradient(top, #E0E0E0, #C0C0C0); /* for firefox 3.6+ */

zoom:1;

}

.green .title, .green .inner, .green .box .ttl{

border: 1px solid #A2C853;

background: #CDE08B; /* for non-css3 browsers */

background: -webkit-gradient(linear, left top, left bottom, from(#CDE08B), to(#A2C853)); /* for webkit browsers */

background: -moz-linear-gradient(top, #CDE08B, #A2C853); /* for firefox 3.6+ */

}

.box .ico{

float:right;

margin: 0 15px -10px 0;

position: relative;

z-index: 2;

}

.box .title, .box .ttl, .login_submit, .input, .button a, .navbar ul li a:hover, .userbar ul li a, .progress, .progress .pbar{

-moz-border-radius: 5px; /* Firefox */

-webkit-border-radius: 5px; /* Safari, Chrome */

border-radius: 5px; /* CSS3 */

}

</style>

<div dir="rtl" class="box green">

<div class="title"><span>اعلانات انجمن</span></div>

<div class="inner">

<ul>

<li><a target="_blank" href="http://ghalebgraph.ir/Forum/Catgory//Post/7">قوانین کلی فعالیت در انجمن</a></li>

<li><a target="_blank" href="http://mandegarfun.ir/Forum/Catgory/1/Post/3"><span style="cursor: pointer; color: red">♣♣ قرعه کشی هفته گی شارژ رایگان برای شما ♣♣ </span></a></li>

<li><a target="_blank" href="http://ghalebgraph.ir/Forum/Catgory//Post/400"> معرفی اعضای انجمن به همدیگر | GhalebGraph </a></li>

<li><a target="_blank" href="http://ghalebgraph.ir/Forum/Catgory//Post/420">تاپیک تغییر نام کاربری</a></li>

<li><a target="_blank" href="http://ghalebgraph.ir/Forum/Catgory//Post/658"> عکس های کاربران قالب گراف </a></li>

<li><a target="_blank" href="http://ghalebgraph.ir/Forum/Catgory//Post/846"> اعتراف كده ي قالب گراف</a></li>

<li><a target="_blank" href="http://ghalebgraph.ir/Forum/Catgory//Post/4454"> معرفی تمام گروه های کاربری انجمن قالب گراف </a></li>

</ul>

</div>