JSFiddle - React, Tailwind, and code Playground

HTML

<div id="copyrightmenu">
                         
<ul class="menu">
<li class="item-435 current active"><a href="/project/">Home</a></li><li class="item-294 parent"><a href="/project/index.php/site-map">Site Map</a></li><li class="item-233"><a href="/project/index.php/login">Login</a></li><li class="item-238 parent"><a href="/project/index.php/sample-sites">Sample Sites</a></li><li class="item-448"><a href="/project/administrator" target="_blank">Site Administrator</a></li><li class="item-455"><a href="/project/index.php/using-joomla/extensions/components">Example Pages</a></li></ul>

                    </div><!-- Main Nav -->

CSS

/* Copyright Menu 
---------------*/
#copyrightmenu {
    float:right;
    margin: 200px auto;
    display: inline-block;
    background: url("http://symfonia.org/images/mini/ciensmall.png") no-repeat scroll  0 28px transparent;
}
    
#copyrightmenu ul.menu { }
    #copyrightmenu ul.menu li {
        display:inline;
        float:left;
        padding: 10px;
        margin:0;
        list-style-type:none;
        background: none repeat scroll 0 0 transparent;
        border-bottom: medium none;
    }
#copyrightmenu ul li.current {
    background: #ef4f33;
    border-bottoM: 4px solid #dd3d34;
    color: #fff !important;
    display: block;
}
#copyrightmenu ul li.current:hover {
    background: #6ed0f6;
    border-bottoM: 4px solid #6ed0f6;
    color: #fff !important;
    display: block;
    box-shadow: 0 0 15px #2c79b3 inset;
-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);    
}
        #copyrightmenu ul li.current a { color: #fff !important; }
        #copyrightmenu ul.menu li a {
            color:#777;
            -moz-transition: color 0.5s ease 0s, background 0.5s ease 0s;
            -o-transition: color 0.5s ease 0s, background 0.5s ease 0s;            
            -webkit-transition: color 0.5s ease 0s, background 0.5s ease 0s;                   ...