Difference between revisions of "Template:NAIT Edmonton/CSS8"
Line 993: | Line 993: | ||
+ | ul.egmenu { | ||
+ | background: #333; | ||
+ | height: 30px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | ul.egmenu > li { | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | ul.egmenu ul { | ||
+ | background: #444; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | left: 0; top: 100%; | ||
+ | } | ||
+ | |||
+ | ul.egmenu a { | ||
+ | cursor: pointer; | ||
+ | display: block; | ||
+ | color: white; | ||
+ | line-height: 30px; | ||
+ | padding: 0 10px; | ||
+ | } | ||
+ | |||
+ | ul.egmenu li { list-style: none; } | ||
+ | |||
+ | ul.egmenu li:hover { background: #555; } | ||
+ | ul.egmenu li:hover ul { display: block; } | ||
+ | |||
+ | @media all and (max-width: 500) { | ||
+ | ul.egmenu { height: auto; } | ||
+ | ul.egmenu > li { float: none; width: 100%; } | ||
+ | ul.egmenu a { line-height: 40px; } | ||
+ | ul.egmenu ul { position: relative; } | ||
+ | } | ||
Revision as of 16:30, 25 August 2015