diff options
author | Joris Guyonvarch | 2015-02-16 21:52:27 +0100 |
---|---|---|
committer | Joris Guyonvarch | 2015-02-16 21:52:27 +0100 |
commit | ed1c7969bdaa0adac6f780894ced142fdfc470ba (patch) | |
tree | 048ea56eacd804354d3f66779abc16a59ddb2bf1 /menu.css | |
parent | b8eb6babf8d71837c3aaddb8b92f9fd2d3ccb441 (diff) | |
download | makeup-ed1c7969bdaa0adac6f780894ced142fdfc470ba.tar.gz makeup-ed1c7969bdaa0adac6f780894ced142fdfc470ba.tar.bz2 makeup-ed1c7969bdaa0adac6f780894ced142fdfc470ba.zip |
Fixing style
Diffstat (limited to 'menu.css')
-rw-r--r-- | menu.css | 59 |
1 files changed, 35 insertions, 24 deletions
@@ -1,26 +1,47 @@ -ul.menu { - position: absolute; +nav > ul { width: 900px; display: table; table-layout: fixed; +} + +nav ul ul { + display: none; +} + +nav > ul > li > a { + margin-left: 1px; + margin-right: 1px; +} + +nav li:hover > ul { + display: block; +} + +nav ul { + position: absolute; font-family: NothingYouCouldSay; font-size: 21px; } -ul.menu > li { - display: table-cell; +nav li:hover > a { + background-color: #777777; } -ul.menu li { +nav li:hover ul a { + background-color: #EEEEEE; +} + +nav li { + display: table-cell; margin-bottom: 0px; margin-left: 0px; } -ul.menu li:before { +nav li:before { content: ""; } -ul.menu a { +nav a { height: 50px; line-height: 50px; text-align: center; @@ -28,35 +49,25 @@ ul.menu a { text-decoration: none; display: block; background-color: #333333; - margin-right: 1px; - margin-left: 1px; } -ul.menu a:hover + .hidden, ul.hidden:hover { - display: block; -} - -ul.hidden { - display: none; -} - -ul.hidden li { +nav ul ul li { display: block; float: none; + min-width: 150px; + margin-left: 1px; + margin-right: 1px; } -ul.hidden a { - width: auto; - min-width: 100px; +nav ul ul a { padding: 0 20px; - background-color: #EEEEEE; color: black; } -ul.hidden a:hover { +nav a:hover { color: white; } -ul.hidden > li:hover > a { +nav ul ul a:hover { background-color: #777777; } |