Untitled
unknown
css
2 years ago
2.2 kB
4
Indexable
/**SLIDER MENU**/ a.nav-expander { background: none repeat scroll 0 0 transparent; color: #fff; display: block; font-weight: 400; height: 50px; margin-right: 0; padding: 1.7em 0.5em 2em; position: absolute; right: 0; text-decoration: none; text-transform: uppercase; top: 0; transition: right 0.3s ease-in-out 0s; /*width: 130px;*/ z-index: 12; transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; } a.nav-expander:hover { cursor: pointer; } a.nav-expander.fixed { position: fixed; width: 120px; } .nav-expanded a.nav-expander.fixed { right: 20em; } nav { background: #3B3330; display: block; height: 100%; overflow: auto; position: fixed; right: -20em; font-size: 15px; top: 0; width: 20em; z-index: 99999; transition: right 0.3s ease-in-out 0s; -webkit-transition: right 0.3s ease-in-out 0s; -moz-transition: right 0.3s ease-in-out 0s; -o-transition: right 0.3s ease-in-out 0s; } .nav-expanded nav { right: 0; } body.nav-expanded { margin-left: 0em; transition: right 0.4s ease-in-out 0s; -webkit-transition: right 0.4s ease-in-out 0s; -moz-transition: right 0.4s ease-in-out 0s; -o-transition: right 0.4s ease-in-out 0s; } #nav-close { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 300; font-size: 24px; padding-right: 10px; color:#715948!important; } .main-menu { padding-top: 12px; } .main-menu li { font-size: 16px; padding: 5px; } .main-menu li a { color:#fff; text-decoration: none; font-family:lato; font-size: 20px; } .main-menu li a:hover { color: #1C93AD; text-decoration: none; } .fa-bars { font-size: 40px!important; color:black!important; } .fa-bars:before { content: "\f137"; color: white; color: white; padding: 17px 20px; border-radius: 50px; background: rgba(0,0,0,0.2); } .navbar-fixed-bottom { background: #222; padding: 20px; color: #fff; } .navbar-default { background: transparent !important; width: 100%; position: absolute; } .header-title { color:white; }
Editor is loading...
Leave a Comment