<> @import url(http://fonts.googleapis.com/css?family=Roboto:300); *{ margin: 0; padding: 0; font-family: 'Roboto'sans-serif; } /* This is the background color for the top menu */ .sydney-menu { background-color: #407fbf; position: relative; z-index: 1000; color: #fff; font-weight: 800; box-shadow: 0 0 10px black; border-top: 0px; border-bottom: 0px; } .sydney-menu a { text-decoration: none; } /* The padding element controls the space between list items */ .sydney-menu ul { margin: 0; color: #ffffff; font-weight: 800; padding-left:10px; padding-right:10px; } .sydney-menu li { position: relative; white-space: nowrap; cursor: pointer; text-transform: capitalize !important; list-: none; color: #fff; font-weight: 800; -webkit-transition: background-color ease-in 300ms; -moz-transition: background-color ease-in 300ms; -ms-transition: background-color ease-in 300ms; -o-transition: background-color ease-in 300ms; transition: background-color ease-in 300ms; margin:0 0 0 0; padding-left:10px; padding-right:20px; } /* The margin element controls the space between list items in the hover mode on the top menu */ /* The background-color element controls the hover color on all menus */ .sydney-menu li:hover { background-color: #e6ac00; text-shadow: 0 10px 10px #222; text-decoration: none; margin:0 0 0 0; } .sydney-menu ul li.topmenu { display: inline-table; padding: .5em 0em; } .sydney-menu .topmenu ul { display:none; position: absolute; background-color: #999966; } .sydney-menu li:hover > ul { display: table; } /* This is the background color for the first slide-out submenu */ .sydney-menu ul.submenu { background-color: #407fbf; top: 100%; left: 0; padding-top: .5em; padding-bottom: .5em; box-shadow: 0 0 10px black; } /* This is the background color for the second slide-out submenu */ .sydney-menu ul.submenu .submenu { top: -.5em; left: 100%; font-size: 1em; color: #ffffff; font-weight: 500; background-color: #595959; } .sydney-menu ul.submenu li { padding: .5em 1.5em; font-size: .9rem; } .sydney-menu li.divider { padding: 0; border-top: 1px solid #eeeeee; margin: .5rem auto .3rem; cursor: default; } .sydney-menu li.divider:hover { background-color: transparent; } .sydney-menu a { color: #ffffff; } .sydney-menu li { text-decoration: none: } .sydney-menu { text-decoration: none; clear: both; }