Poprawione menu bar na poszkole

Jest to poprawione Menu bar na poszkole.pl




<ul id="menu-css">
<li><a href="/strona">Strona</a></li>
<li><a href="/strona/komponenty">Dodatki</a></li>
<li><a href="/przyjaciele">Znajomi</a></li>
<li><a href="/grupy">Grupy</a></li>
<li><a href="/wiadomosci">Wiadomości</a></li>
<li><a href="/profil">Profil</a></li>
<li><a href="/strona/edycja">Edycja strony</a></li>
 
</ul>
<style>
#menu-css {
top: 21px;
position: absolute;
left: 7px;
margin-left: 30%;
}

#menu-css li {
display: inline;
list-style: none;
;
}

#menu-css li a {

/* Zaokraglenie obramowania */
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

/* Cien w obramowaniu */
-webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
-moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.6);
box-shadow: 1px 2px 2px rgba(0,0,0,0.6);

color: #ffffff;
background: rgba(0,0,0,0.2);
display: inline-block;
padding: 5px 15px;
outline: none;
text-decoration: none;
}

/* aktywnosc */
#menu-css li a:hover {
background: rgba(0,0,0,0.5);
padding: 5px 25px;
}

#menu-css li a:active {
background: rgba(0,0,0,0.1);
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}


/* Css Animacja */
#menu-css li a {

/* Animation (Webkit, Gecko & Mozilla) */
-webkit-transition-duration: 0.20s;
-webkit-transition-timing-function: ease-out;
-moz-transition-duration: 0.20s;
-moz-transition-timing-function: ease-out;
}

</style>