JSFiddle - React, Tailwind, and code Playground
by aaronk85
HTML
<style>
#gl-nav-w {
background: url("http://devel.pnp-local.com.au/akenez/sww/trunk/web/images/globalheader/gl_nav.png") repeat-x scroll 0 0 transparent;
display: inline;
float: left;
height: 32px;
width: 100%;
}
#gl-nav-c {
margin: 0 auto;
padding: 0;
text-align: center;
/*width: 996px;*/
}
ul#gl-nav {
display: inline;
float: left;
list-style: none outside none;
margin: 0;
padding: 0;
width: 100%;
}
ul#gl-nav li {
display: inline;
float: left;
}
ul#gl-nav li.divide {
background: url("http://devel.pnp-local.com.au/akenez/sww/trunk/web/images/globalheader/gl_nav.png") no-repeat scroll 0 -69px transparent;
height: 30px;
width: 1px;
}
ul#gl-nav li.gl-r {
display: inline;
float: right;
}
ul#gl-nav li a {
color: #0065A4;
background-image: url("http://devel.pnp-local.com.au/akenez/sww/trunk/web/images/globalheader/gl_nav.png");
float:left;
display:inline;
}
ul#gl-nav li.sp a {
background-position: 0 -165px;
background-repeat: no-repeat;
height: 21px;
margin: 5px 0;
width: 73px;
}
ul#gl-nav li.fb a {
background-position: 0 -189px;
background-repeat: no-repeat;
height: 14px;
margin: 9px 5px;
width: 14px;
}
ul#gl-nav li.tw a {
background-position: -18px -189px;
background-repeat: no-repeat;
height: 14px;
margin: 9px 5px;
width: 14px;
}
ul#gl-nav li.ms-drop a {
background-position: 0 -132px;
background-repeat: no-repeat;
height: 9px;
margin: 11px;
width: 80px;
}
ul#gl-nav li.help a {
background-position: 0 -121px;
background-repeat: no-repeat;
height: 9px;
margin: 11px;
width: 26px;
}
ul#gl-nav li.gd-drop a {
background-position: 0 -99px;
background-repeat: no-repeat;
height: 9px;
margin: 11px;
width: 53px;
}
ul#gl-nav li.gd-drop a.down {
background-position: 0 -110px;
}
ul#gl-nav li.gd-drop .gl-t-gd a {
background-position: 0 -205px;
background-repeat: no-repeat;
float: right;
height: 15px;
margin: 11px;
width: 53px;
}
ul#gl-nav-w img...