Created
May 9, 2016 23:08
-
-
Save jmiramant/784d6e7858cf11d8949e1348c30a281e to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#navpurple .responsive-menu-container li { | |
padding-left: 10px; | |
float: none; | |
transition: margin-bottom 0.5 ease-in-out; | |
} | |
#navpurple > ul.responsive-menu-container > li > a { | |
padding: 22px 42px; | |
height: 62px; | |
text-align: left; | |
color: #707070 !important; | |
border-bottom: 2px solid #eaeaea !important; | |
transition: margin-bottom 150ms ease-in-out; | |
} | |
#navpurple > ul.responsive-menu-container > li > a.navbar-highlight-parent { | |
background-color: transparent; | |
} | |
#navpurple > ul.responsive-menu-container > li > a.expanded, | |
#navpurple ul.responsive-menu-container > li > a.two-child { | |
margin-bottom: 62px; | |
} | |
#navpurple ul.responsive-menu-container > li > a.two-child { | |
margin-bottom: 126px; | |
} | |
#navpurple ul.responsive-menu-container > li > a.three-child { | |
margin-bottom: 190px; | |
} | |
#navpurple .responsive-menu-container ul.child { | |
width: 100%; | |
margin-top: -20px; | |
transition: all 250ms ease-in-out; | |
} | |
#navpurple .responsive-menu-container ul.child li { | |
display: inline-block; | |
padding: 0px; | |
margin: 0 -2px; | |
overflow: hidden; | |
z-index: 1; | |
border: 0; | |
} | |
#navpurple .responsive-menu-container > li .k-icon { | |
margin-right: 40px; | |
float: right; | |
} | |
#navpurple .responsive-menu-container .child > li .k-icon { | |
margin-right: 7%; | |
float: right; | |
} | |
#navpurple .responsive-menu-container .child > li.expanded .k-icon { | |
-webkit-transform: rotate(90deg); | |
-moz-transform: rotate(90deg); | |
-ms-transform: rotate(90deg); | |
transform: rotate(90deg); | |
} | |
#navpurple ul.responsive-menu-container li ul li:first-child a { | |
border: none; | |
} | |
#navpurple .responsive-menu-container ul.child li a { | |
margin: 0; | |
width: 100% !important; | |
padding-left: 9%; | |
} | |
#navpurple .responsive-menu-container ul.child li a.line-break { | |
padding-top: 17px; | |
} | |
#navpurple ul li ul li a { | |
text-align: left; | |
height: 62px; | |
width: 212px !important; | |
font-size: 14px; | |
padding-top: 24px; | |
padding-left: 12px; | |
background: #4f4c7f; | |
border-bottom: #474373; | |
border-top: 0; | |
} | |
#navpurple .responsive-menu-container ul.child.level-2 { | |
margin-top: 42px; | |
display: none; | |
} | |
#navpurple .responsive-menu-container ul.child.level-2 a { | |
background-color: #615e8c; | |
} | |
#navpurple .responsive-menu-container ul.child.level-2 li:hover a { | |
background-color: #716e98; | |
} | |
#navpurple .responsive-menu-container ul.child.level-3 { | |
margin-top: 104px; | |
display: none; | |
} | |
#navpurple .responsive-menu-container ul.child.level-3 a { | |
background-color: #716e98; | |
} | |
#navpurple .responsive-menu-container ul.child.level-3 li:hover a { | |
background-color: #7f7da3; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment