X-Git-Url: https://git.ucc.asn.au/?a=blobdiff_plain;f=testing%2FMCTXWeb%2Fpublic_html%2Fstatic%2Fnav-menu.css;h=371da5e1b3f292b776b9c7139843abf995093485;hb=7d87636877a19411594b6662aa8f05c77d70dc04;hp=e64408df8a1e3a35394bdeb33b01eed97cbe3889;hpb=0ef0945e8d83258400fabc61fa81725c5e8e533f;p=matches%2FMCTX3420.git diff --git a/testing/MCTXWeb/public_html/static/nav-menu.css b/testing/MCTXWeb/public_html/static/nav-menu.css index e64408d..371da5e 100644 --- a/testing/MCTXWeb/public_html/static/nav-menu.css +++ b/testing/MCTXWeb/public_html/static/nav-menu.css @@ -1,89 +1,32 @@ -/* - Document : nav-menu - Created on : 21/09/2013, 8:33:30 PM - Author : Jeremy Tan - Description: - Navigation menu styling. - Background colour: #2A2A2A - Highlight colour: #f2f2f2 - Normal text colour: #bbbbbb -*/ - -/** Easing **/ .nav-menu { - transition: all 0.2s ease 0s; + list-style: none; + margin: 0; + padding: 0; } -/** Main menu list styling **/ .nav-menu ul { - list-style: none outside none; + padding: 0; margin: 0; - padding-left: 0; - text-align: right; } -/** Menu item styling **/ .nav-menu li { - display: inline-block; - position: relative; + margin: 0; + padding: 0; + list-style: none; } -/** Link styling **/ .nav-menu a { - background-color: #2A2A2A; - border-radius: 2px; - border: 1px solid #444444; - color: #BBBBBB; - display: inline-block; - margin: 0.1em; - padding: 0.2em 2em; - text-decoration: none; - transition: all 0.2s ease 0s; -} - -/** Highlight currently hovered-over item **/ -.nav-menu li:hover > a { - background-color: #f2f2f2; + border-bottom: 1px solid #ccc; color: #2a2a2a; -} - -/** Display submenu when hovering over list item **/ -.nav-menu ul li:hover > ul { display: block; + margin: 0; + padding: 8px 12px; + text-decoration: none; + font-weight: normal; } -/** Submenu styling **/ -.nav-menu ul ul { - background-color: #2A2A2A; - border-radius: 2px; - box-shadow: 1px 1px 1px #2A2A2A; - display: none; - left: 0; - padding: 0.25em 0.5em; - position: absolute; - text-align: left; - z-index: 10; -} - -/** Submenu link styling **/ -.nav-menu ul ul a { - width: 11em; - padding: 0.25em 0.5em; +.nav-menu a:hover { + background: #2580a2 url('hover.gif') left center no-repeat; + color: #fff; + padding-bottom: 8px; } - -/** - Style of menu: - -*/ \ No newline at end of file