Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- NavBar CSS by Zeroxe
- */
- .vt_header .flex {
- display: -webkit-flex;
- display: -moz-flex;
- display: -ms-flex;
- display: flex;
- }
- .vt_header .flex.space-between { justify-content: space-between; }
- .vt_header .flex.vert-center { align-items: center; }
- .navbar {
- height: 70px;
- position: fixed;
- left: 0;
- right: 0;
- top: 0;
- z-index: 9999;
- background: #252c3e;
- box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px;
- }
- .navbar .logo h1 {
- font-family: 'Raleway', sans-serif;
- font-weight: 200;
- font-size: 2.2em;
- color: #fff;
- }
- .navbar .inner {
- max-width: 1170px;
- margin: 0 auto;
- height: 100%;
- }
- .navbar .inner ul li {
- position: relative;
- display: block;
- }
- .navbar .inner ul li>a {
- display: block;
- font-size: 16px;
- padding: 27px 17px 24px;
- transition: 160ms all ease-in-out;
- color: #8597c3;
- font-family: 'Raleway', sans-serif;
- border-bottom: 3px rgba(0, 0, 0, 0) solid;
- font-weight: 600;
- }
- .navbar .inner ul li:hover>a, li:focus>a {
- text-decoration: none;
- cursor: pointer;
- background: #2196f3;
- color: #fff;
- border-bottom-color: #1986dc;
- padding: 26px 17px 25px;
- }
- a {
- text-decoration: none;
- transition: 120ms all ease-in-out;
- color: #2196f3;
- }
- a:hover, a:focus {
- text-decoration: none;
- color: #71a9ff;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement