Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Reset */
- .menu,
- .menu ul,
- .menu li,
- .menu a {
- margin: 0 auto;
- padding: 0 auto;
- border: none;
- outline: none;
- font-family: Arial,Helvetica,sans-serif;
- font-size: 13px;
- line-height: 150%;
- }
- /* Menu */
- .menu {
- z-index: 2000;
- height: 40px;
- max-width: 100%;
- margin: 0 auto;
- background: #4c4e5a;
- background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
- background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
- background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
- background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
- background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 0px 0px 10px 10px;
- }
- .menu li {
- position: relative;
- display: table-cell;
- list-style: none;
- float: left;
- display: block;
- height: 40px;
- }
- /* Links */
- .menu li a {
- display: block;
- padding: 0 62px;
- margin: 6px 0;
- line-height: 28px;
- text-decoration: none;
- /*border-left: 1px solid rgb(238,238,238);
- border-right: 1px solid #4f5058;*/
- font-family: Helvetica, Arial, sans-serif;
- font-weight: bold;
- font-size: 13px;
- color: #f3f3f3;
- /*text-shadow: 1px 1px 1px rgba(0,0,0,.6);*/
- -webkit-transition: color .2s ease-in-out;
- -moz-transition: color .2s ease-in-out;
- -o-transition: color .2s ease-in-out;
- -ms-transition: color .2s ease-in-out;
- transition: color .2s ease-in-out;
- }
- .menu li:first-child a { border-left: none; }
- .menu li:last-child a{ border-right: none; }
- .menu li:hover > a { color: #c3c3c3; }
- /* Sub Menu */
- .menu ul {
- position: absolute;
- top: 40px;
- left: 0;
- opacity: 0;
- z-index: 1000;
- background: #1f2024;
- -webkit-border-radius: 0 0 5px 5px;
- -moz-border-radius: 0 0 5px 5px;
- border-radius: 5px 5px 5px 5px;
- -webkit-transition: opacity .25s ease .1s;
- -moz-transition: opacity .25s ease .1s;
- -o-transition: opacity .25s ease .1s;
- -ms-transition: opacity .25s ease .1s;
- transition: opacity .25s ease .1s;
- }
- .menu li:hover > ul { opacity: 1; }
- .menu ul li {
- height: 0;
- overflow: hidden;
- padding: 0;
- -webkit-transition: height .25s ease .1s;
- -moz-transition: height .25s ease .1s;
- -o-transition: height .25s ease .1s;
- -ms-transition: height .25s ease .1s;
- transition: height .25s ease .1s;
- }
- .menu li:hover > ul li {
- height: 36px;
- overflow: visible;
- padding: 0;
- }
- .menu ul li a {
- width: 170px;
- padding: 4px 0 4px 15px;
- margin: 0;
- border: none;
- border-bottom: 1px solid #353539;
- }
- .menu ul li:last-child a { border: none; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement