diff --git a/assets/css/navbar.css b/assets/css/navbar.css index 9e72a05..e331b4f 100644 --- a/assets/css/navbar.css +++ b/assets/css/navbar.css @@ -1,97 +1,98 @@ - /* Nav Created By I Made Hary Mahayana */ - .nav__navigation { - padding: 0px 64px; - background: #ffffff; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); - height: 64px; - display: flex; - align-items: center; - position: fixed; - top: 0px; - width: 100%; - z-index: 100; - box-sizing: border-box; - } - form .nav__input_search { - padding: 8px 16px; - border: 1px solid #d1d3d4; - border-right: none; - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - font-size: 14px; - flex-grow: 1; - box-sizing: border-box; - height: 36px; - font-family: "Nunito", sans-serif; - } - .nav__search_submit { - background: #fc4c02; - border: 1px solid #fc4c02; - border-left: none; - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - box-sizing: border-box; - height: 36px; - width: 36px; - cursor: pointer; - } - .nav__button { - width: 46px; - height: 46px; - padding: 12px; - box-sizing: border-box; - display: flex; - align-items: center; - justify-content: center; - background: none; - border: none; - } - a.nav__icons { - display: flex; - align-items: center; - height: 100%; - } - a.nav__icons .nav__mascot { - width: 144px; - height: 64px; - object-fit: cover; - } - .nav__logo-kyou { - width: 100%; - height: 100%; - object-fit: contain; - } - .nav__img-kyou { - width: 103px; - height: 48px; - margin-top: 5px; - } - .nav__links { - display: flex; - align-items: center; - box-sizing: border-box; - padding-right: 24px; - border-right: 1px solid #d1d3d4; - } - .nav__signin { - padding-left: 24px; - font-size: 14px; - width: 128px; - text-align: center; - } - .nav__text_signin { - border: none; - text-decoration: none; - color: #fc4c02; - } - .nav__form_search { - flex-grow: 1; - padding: 0px 48px; - display: flex; - align-items: center; - position: relative; - } - .nav__cart { - width: 47px; - } + + /* Nav Created By I Made Hary Mahayana */ + .nav__navigation { + padding: 0px 64px; + background: #ffffff; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); + height: 64px; + display: flex; + align-items: center; + position: fixed; + top: 0px; + width: 100%; + z-index: 100; + box-sizing: border-box; + } + form .nav__input_search { + padding: 8px 16px; + border: 1px solid #d1d3d4; + border-right: none; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + font-size: 14px; + flex-grow: 1; + box-sizing: border-box; + height: 36px; + font-family: "Nunito", sans-serif; + } + .nav__search_submit { + background: #fc4c02; + border: 1px solid #fc4c02; + border-left: none; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + box-sizing: border-box; + height: 36px; + width: 36px; + cursor: pointer; + } + .nav__button { + width: 46px; + height: 46px; + padding: 12px; + box-sizing: border-box; + display: flex; + align-items: center; + justify-content: center; + background: none; + border: none; + } + a.nav__icons { + display: flex; + align-items: center; + height: 100%; + } + a.nav__icons .nav__mascot { + width: 144px; + height: 64px; + object-fit: cover; + } + .nav__logo-kyou { + width: 100%; + height: 100%; + object-fit: contain; + } + .nav__img-kyou { + width: 103px; + height: 48px; + margin-top: 5px; + } + .nav__links { + display: flex; + align-items: center; + box-sizing: border-box; + padding-right: 24px; + border-right: 1px solid #d1d3d4; + } + .nav__signin { + padding-left: 24px; + font-size: 14px; + width: 128px; + text-align: center; + } + .nav__text_signin { + border: none; + text-decoration: none; + color: #fc4c02; + } + .nav__form_search { + flex-grow: 1; + padding: 0px 48px; + display: flex; + align-items: center; + position: relative; + } + .nav__cart { + width: 47px; + } /* End Nav */ \ No newline at end of file