diff options
| author | Joris Guyonvarch | 2015-02-15 12:44:05 +0100 |
|---|---|---|
| committer | Joris Guyonvarch | 2015-02-15 12:44:05 +0100 |
| commit | 65bc73c3ad675dec2f4c630532fe94f7f7a70ac4 (patch) | |
| tree | f48dbf2d6a24ecd2d762d2ef04f921fe3ea6aaf3 /menu.css | |
| download | makeup-65bc73c3ad675dec2f4c630532fe94f7f7a70ac4.tar.gz makeup-65bc73c3ad675dec2f4c630532fe94f7f7a70ac4.tar.bz2 makeup-65bc73c3ad675dec2f4c630532fe94f7f7a70ac4.zip | |
Bootstrap architecture
Diffstat (limited to 'menu.css')
| -rw-r--r-- | menu.css | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/menu.css b/menu.css new file mode 100644 index 0000000..4d3ec65 --- /dev/null +++ b/menu.css @@ -0,0 +1,56 @@ +ul.menu { + position: absolute; + width: 800px; + display: table; + table-layout: fixed; +} + +ul.menu > li { + display: table-cell; +} + +ul.menu li { + margin-bottom: 0px; + margin-left: 0px; +} + +ul.menu a { + height: 50px; + line-height: 50px; + text-align: center; + color: white; + 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 { + display: block; + float: none; +} + +ul.hidden a { + width: auto; + min-width: 100px; + padding: 0 20px; + background-color: #EEEEEE; + color: black; +} + +ul.hidden a:hover { + color: white; +} + +ul.menu > li:hover > a, ul.hidden > li:hover > a { + background-color: pink; +} |