JSFiddle - React, Tailwind, and code Playground

HTML

<div id="block-menubar">
        <ul id="nav">
<li><a href="/" title="">Главная</a></li>
<li><a href="/" title="">Скачать</a></li>
<li><a href="/" title="">Контакты</a></li>
        </ul>
        </div>

CSS

body,html {
    padding:0;
    margin:0;
    margin-top:100px;
    height:100%;
    position:relative;
    color:#777;
    background: #111111 url(http://data1.floomby.com/files/share/6_12_2012/HkeJbO95B0quiyGUL04DJg.png);
}

@font-face {
    font-family: OpenSans-Light;
    src: local(OpenSans-Light),
    url(http://data1.floomby.com/getfile.aspx?guid=fed759d8-b11b-4b33-a295-ab2710a3d04f)
}

/*меню*/
#block-menubar{padding:5px;margin:0 auto;text-align:center;}
#block-menubar > #nav{border-width:1px 0;list-style:none;padding:0;text-align:center;height:20px;}
#block-menubar > #nav li{margin-left:10px;display:inline;}
#block-menubar > #nav a{color:#9B9B9B;padding-top:10px;text-decoration: none;padding-bottom:10px;padding-left:25px;padding-right:25px;font:20px/normal OpenSans-Light, arial;-webkit-transition:all .5s;-moz-transition:all .5s;transition: all .5s;}
#block-menubar > #nav a:hover{color:#4CD53A;text-shadow:0 0 5px rgba(0, 255, 51, 0.9);-webkit-transition:all .5s;-moz-transition:all .5s;transition: all .5s;}
#block-menubar > #nav a{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
background-image: 
url(http://data1.floomby.com/files/share/6_12_2012/1AKnqvrow0O1l0dPVmoaQ.png), 
url(http://data1.floomby.com/files/share/6_12_2012/t9pGNLBs2Eq8api8oZcoRw.png); 
background-position: 50% 100%, 0 0;
background-repeat: no-repeat, repeat;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.9), inset 0 0 5px rgba(0, 0, 0, 0.4), 0 3px 5px rgba(0, 0, 0, 0.5), 0 2px 0 1px rgba(0, 0, 0, 0.5);}

#block-menubar > #nav a:hover{}