|
|
| Line 14: |
Line 14: |
| | <!-- 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 {
| |
| − | list-style-type: none;
| |
| − | overflow: hidden;
| |
| − | text-align: right;
| |
| − | float: right;
| |
| − | margin: 0;
| |
| − | padding: 0; }
| |
| − |
| |
| − | #slick-menu > li {
| |
| − | display: inline-block;
| |
| − | margin: 0 5px;
| |
| − | padding: 5px 0; }
| |
| − |
| |
| − | #slick-menu > li > a {
| |
| − | display: block;
| |
| − | padding: 10px;
| |
| − | margin: 0;
| |
| − | text-transform: uppercase;
| |
| − | color: #6e6e6e;
| |
| − | border-radius: 2px;
| |
| − | text-decoration: none; }
| |
| − |
| |
| − | #slick-menu > li > a:hover {
| |
| − | background-color: #c8c8c8;
| |
| − | 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;
| |
| − | position: absolute;
| |
| − | right: 22px;
| |
| − | top: 17px;
| |
| − | width: 30px;
| |
| − | 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; }
| |
| − | </style?>
| |
| | </head> | | </head> |
| | </html> | | </html> |
