aboutsummaryrefslogtreecommitdiff
path: root/css/menu.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/menu.css')
-rw-r--r--css/menu.css138
1 files changed, 137 insertions, 1 deletions
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;