انجمن کدستانMoisrex

<ul>

<li class="li"><a href="#">صفحه ي اصلي</a></li>

<li class="li"><a href="#">ثبت نام</a></li>

<li class="li"><a href="#">ورود</a></li>

<li class="li"><a href="#">خبرنامه</a></li>

<li class="li"><a href="#">پروفايل</a></li>

<li class="li"><a href="#">انجمن</a></li>

<li class="li"><a href="#">خروج</a></li>

<li id="text"><a href="#">کدستان - کامل ترين مرجع کد و ابزار</a></li>

</ul>

</div>

<link rel="stylesheet" href="http://ifont.ir/apicode/44"/>

<style type="text/css">

@font-face {

font-family: 'B Mehr';

src:url('http://www.font-api.ir/fontsdir/60.eot?#') format('eot'),

url('http://www.font-api.ir/fontsdir/60.woff') format('woff'),

url('http://www.font-api.ir/fontsdir/60.ttf') format('truetype');

}

.menu_moisrex{

position:fixed;

top:0;

right:0;

width:100%;

z-index:999999999999999999999999999;

direction:rtl;

padding:0;

margin:0;

font-family:'B mehr','B Koodak',tahoma;

}

.menu_moisrex ul{

list-style:none;

display:block;

border-bottom:5px #333333 solid;

background-image:url('http://upload.tehran98.com/img1/wjttvi5k3kc1xlc0qpy.png');

margin:0;

padding:0px;

}

.menu_moisrex:hover .li{

opacity:0.4;

-moz-opacity:0.4;

-webkit-opacity:0.4;

-o-opacity:0.4;

-ms-opacity:0.4;

}

.menu_moisrex .li{

display:inline-block;

padding:16px 5px 0px 5px;

transition:opacity 0.5s ease;

-moz-transition:opacity 0.5s ease;

-webkit-transition:opacity 0.5s ease;

-o-transition:opacity 0.5s ease;

-ms-transition:opacity 0.5s ease;

margin-top:-5px;

}

.menu_moisrex .li:hover{

opacity:1;

-moz-opacity:1;

-webkit-opacity:1;

-o-opacity:1;

-ms-opacity:1;

}

.menu_moisrex .li a{

font-size:14px;

font-family:'B mehr','B Koodak',tahoma;

text-decoration:none;

color:white;

padding:3px 12px 3px 12px;

border:1px white dashed;

border-bottom:0;

transition:all 0.5s ease;

-moz-transition:all 0.5s ease;

-webkit-transition:all 0.5s ease;

-o-transition:all 0.5s ease;

-ms-transition:all 0.5s ease;

background-color:#333333;

border-radius:10px 10px 0 0;

-moz-border-radius:10px 10px 0 0;

-webkit-border-radius:10px 10px 0 0;

-o-border-radius:10px 10px 0 0;

-ms-border-radius:10px 10px 0 0;

text-shadow:0px 0px 20px white;

-moz-text-shadow:0px 0px 20px white;

-webkit-text-shadow:0px 0px 20px white;

-o-text-shadow:0px 0px 20px white;

-moz-text-shadow:0px 0px 20px white;

}

.menu_moisrex .li a:hover{

background: rgb(255,255,255);

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(130,130,130,1) 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(130,130,130,1)));

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(130,130,130,1) 100%);

background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(130,130,130,1) 100%);

background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(130,130,130,1) 100%);

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(130,130,130,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#828282',GradientType=0 ); border:1px black dashed;

border-radius:10px 10px 0 0;

-moz-border-radius:10px 10px 0 0;

-webkit-border-radius:10px 10px 0 0;

-o-border-radius:10px 10px 0 0;

-ms-border-radius:10px 10px 0 0;

box-shadow:1px 1px 10px 1px white;

-moz-box-shadow:1px 1px 10px 1px white;

-webkit-box-shadow:1px 1px 10px 1px white;

-o-box-shadow:1px 1px 10px 1px white;

-ms-box-shadow:1px 1px 10px 1px white;

border-bottom:0;

color:black;

text-shadow:0px 0px 7px black;

-moz-text-shadow:0px 0px 7px black;

-webkit-text-shadow:0px 0px 7px black;

-o-text-shadow:0px 0px 7px black;

-ms-text-shadow:0px 0px 7px black;

}

#text{

float:left;

margin-left:60px;

margin-top:8px;

transition:all 0.5s ease;

-moz-transition:all 0.5s ease;

-webkit-transition:all 0.5s ease;

-o-transition:all 0.5s ease;

-ms-transition:all 0.5s ease;

z-index:9999999999999999999999999999;

}

.menu_moisrex #text:hover{

transform:rotate(-10deg) scale(1.5);

-moz-transform:rotate(-10deg) scale(1.5);

-webkit-transform:rotate(-10deg) scale(1.5);

-o-transform:rotate(-10deg) scale(1.5);

-ms-transform:rotate(-10deg) scale(1.5);

box-shadow:1px 1px 10px 5px white;

-moz-box-shadow:1px 1px 10px 5px white;

-webkit-box-shadow:1px 1px 10px 5px white;

-o-box-shadow:1px 1px 10px 5px white;

-ms-box-shadow:1px 1px 10px 5px white;

margin-top:30px;

text-shadow:0px 0px 0px 0px white;

-moz-text-shadow:0px 0px 0px 0px white;

-webkit-text-shadow:0px 0px 0px 0px white;

-o-text-shadow:0px 0px 0px 0px white;

-ms-text-shadow:0px 0px 0px 0px white;

}

.menu_moisrex #text a{

color:white;

text-decoration:none;

font-size:16px;

font-family:'B mehr','B Koodak',tahoma;

border:3px white dashed;

padding:0 10px 0 10px;

transition:all 0.5s ease;

-moz-transition:all 0.5s ease;

-webkit-transition:all 0.5s ease;

-o-transition:all 0.5s ease;

-ms-transition:all 0.5s ease;

border-radius:10px;

-moz-border-radius:10px;

-webkit-border-radius:10px;

-o-border-radius:10px;

-ms-border-radius:10px;

background-color:#333333;

}

</style>