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

body{

margin-top:36px;

}

.moisrex-nav8{

list-style:none;

direction:rtl;

font:11px tahoma;

text-align:center;

margin:0;

padding:0;

display:block;

width:100%;

background: #0055a4;

background: -moz-linear-gradient(top, #0055a4%, #0055a4100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0055a4), color-stop(100%,#0055a4));

background: -webkit-linear-gradient(top, #0055a4%,#0055a4100%);

background: -o-linear-gradient(top, #0055a4%,#0055a4100%);

background: -ms-linear-gradient(top, #0055a4%,#0055a4100%);

background: linear-gradient(to bottom, #0055a4%,#0055a4100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bd3ed', endColorstr='#2cafe3',GradientType=0 );

border-bottom:1px #0055a4solid;

position:absolute;

top:0;

left:0;

}

.moisrex-nav8 li{

display:inline-block;

text-align:center;

position:relative;

top:0;

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

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

-khtml-transition:all 0.2s ease-out;

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

transition:all 0.2s ease-out;

}

.moisrex-nav8 li:hover{

top:5px;

}

.moisrex-nav8 a{

text-decoration:none;

display:block;

padding:10px;

color:#FFF;

font:11px tahoma;

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

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

-khtml-transition:all 0.2s ease-out;

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

transition:all 0.2s ease-out;

}

.moisrex-nav8 a:hover{

background: #8bd3ed;

color:#000;

margin-toFp:-5px;

padding-top:15px;

border-radius:0 0 5px 5px;

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

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

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

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

-khtml-border-radius:0 0 5px 5px;

}

</style>

<div class="moisrex-nav8">

<ul>

<li><a href="/" title="عنوان یک">عنوان یک</a></li>

<li><a href="/" title="عنوان دو">عنوان دو</a></li>

<li><a href="/" title="عنوان سه">عنوان سه</a></li>

<li><a href="/" title="عنوان چهار">عنوان چهار</a></li>

</ul>