|
|
Line 10: |
Line 10: |
| <!-- END Scrollbox --> | | <!-- END Scrollbox --> |
| <style>@import 'https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister';</style> | | <style>@import 'https://fonts.googleapis.com/css?family=Love+Ya+Like+A+Sister';</style> |
− | <style>
| |
− | #slick-menu {
| |
− | width: 100%;
| |
− | list-style-type: none;
| |
− | overflow: hidden;
| |
− | text-align: center;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | background-color: #019ac8; }
| |
− |
| |
− | #slick-menu > li {
| |
− | display: inline-block;
| |
− | margin: 0 5px;
| |
− | padding: 5px 0; }
| |
− |
| |
− | #slick-menu > li > a {
| |
− | display: block;
| |
− | padding: 10px;
| |
− | margin: 0;
| |
− | color: #fff;
| |
− | text-decoration: none;
| |
− | font-family: calibri;
| |
− | }
| |
− |
| |
− | #slick-menu > li > a:hover {
| |
− | font-weight: 600;
| |
− | color: white; }
| |
− |
| |
− | @media only screen and (max-width: 1250px) {
| |
− | #slick-menu {
| |
− | padding-top: 60px;
| |
− | margin-bottom: 22px;
| |
− | float: left;
| |
− | text-align: center;
| |
− | width: 100%; } }
| |
− |
| |
− | @media only screen and (max-width: 1250px) {
| |
− | #slick-menu > li {
| |
− | width: 100%;
| |
− | padding: 7px 0;
| |
− | margin: 0; } }
| |
− |
| |
− | .open-nav {
| |
− | max-height: 400px !important; }
| |
− |
| |
− | .open-nav .mobile-toggle {
| |
− | transform: rotate(-90deg);
| |
− | -webkit-transform: rotate(-90deg); }
| |
− |
| |
− | .mobile-toggle {
| |
− | display: none;
| |
− | cursor: pointer;
| |
− | font-size: 20px;
| |
− | width: 30px;
| |
− | z-index: 30;
| |
− | transition: all 200ms ease-in; }
| |
− |
| |
− | @media only screen and (max-width: 1250px) {
| |
− | .mobile-toggle {
| |
− | display: block; } }
| |
− |
| |
− | .mobile-toggle span {
| |
− | width: 30px;
| |
− | height: 4px;
| |
− | margin-bottom: 6px;
| |
− | border-radius: 1000px;
| |
− | background: #c8c8c8;
| |
− | display: block; }
| |
− |
| |
− | .navbar {
| |
− | max-height: 50px;
| |
− | overflow: hidden;
| |
− | background-color: #019ac8;
| |
− | -webkit-transition: all 0.3s;
| |
− | -moz-transition: all 0.3s;
| |
− | -ms-transition: all 0.3s;
| |
− | -o-transition: all 0.3s;
| |
− | transition: all 0.3s;
| |
− | }
| |
− | </style>
| |
| </head> | | </head> |
| </html> | | </html> |