From 6aba7f9b4a6b8d88bce9b0186aede5dd4e31d4e8 Mon Sep 17 00:00:00 2001 From: Navan Chauhan Date: Sun, 21 Jan 2018 18:03:31 +0530 Subject: Update menu.css --- css/menu.css | 138 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 137 insertions(+), 1 deletion(-) diff --git a/css/menu.css b/css/menu.css index 367f7b9..06c17fa 100644 --- a/css/menu.css +++ b/css/menu.css @@ -1,5 +1,141 @@ @import url(https://fonts.googleapis.com/css?family=Montserrat:400,700); - +#cssmenu, +#cssmenu ul, +#cssmenu ul li, +#cssmenu ul li a, +#cssmenu #menu-button { + margin: 0; + padding: 0; + border: 0; + list-style: none; + line-height: 1; + display: block; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +#cssmenu:after, +#cssmenu > ul:after { + content: "."; + display: block; + clear: both; + visibility: hidden; + line-height: 0; + height: 0; +} +#cssmenu #menu-button { + display: none; +} +#cssmenu { + font-family: Montserrat, sans-serif; + background: #373B44; +} +#cssmenu > ul > li { + float: left; +} +#cssmenu.align-center > ul { + font-size: 0; + text-align: center; +} +#cssmenu.align-center > ul > li { + display: inline-block; + float: none; +} +#cssmenu.align-center ul ul { + text-align: left; +} +#cssmenu.align-right > ul > li { + float: right; +} +#cssmenu > ul > li > a { + padding: 17px; + font-size: 12px; + letter-spacing: 1px; + text-decoration: none; + color: #dddddd; + font-weight: 700; + text-transform: uppercase; +} +#cssmenu > ul > li:hover > a { + color: #ffffff; +} +#cssmenu > ul > li.has-sub > a { + padding-right: 30px; +} +#cssmenu > ul > li.has-sub > a:after { + position: absolute; + top: 22px; + right: 11px; + width: 8px; + height: 2px; + display: block; + background: #dddddd; + content: ''; +} +#cssmenu > ul > li.has-sub > a:before { + position: absolute; + top: 19px; + right: 14px; + display: block; + width: 2px; + height: 8px; + background: #dddddd; + content: ''; + -webkit-transition: all .25s ease; + transition: all .25s ease; +} +#cssmenu > ul > li.has-sub:hover > a:before { + top: 23px; + height: 0; +} +#cssmenu ul ul { + position: absolute; + left: -9999px; +} +#cssmenu.align-right ul ul { + text-align: right; +} +#cssmenu ul ul li { + height: 0; + -webkit-transition: all .25s ease; + transition: all .25s ease; +} +#cssmenu li:hover > ul { + left: auto; +} +#cssmenu.align-right li:hover > ul { + left: auto; + right: 0; +} +#cssmenu li:hover > ul > li { + height: 35px; +} +#cssmenu ul ul ul { + margin-left: 100%; + top: 0; +} +#cssmenu.align-right ul ul ul { + margin-left: 0; + margin-right: 100%; +} +#cssmenu ul ul li a { + border-bottom: 1px solid rgba(150, 150, 150, 0.15); + padding: 11px 15px; + width: 170px; + font-size: 12px; + text-decoration: none; + color: #dddddd; + font-weight: 400; + background: #373B44; +} +#cssmenu ul ul li:last-child > a, +#cssmenu ul ul li.last-item > a { + border-bottom: 0; +} +#cssmenu ul ul li:hover > a, +#cssmenu ul ul li a:hover { + color: #ffffff; +} #cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; -- cgit v1.2.3