From cb59704f2a3d63b8fa6cc9b842c1648de3e60248 Mon Sep 17 00:00:00 2001 From: Mujahid Ansori Majid Date: Tue, 10 Oct 2023 20:21:06 +0700 Subject: [PATCH 1/2] adding navbar css --- assets/css/navbar.css | 97 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 97 insertions(+) create mode 100644 assets/css/navbar.css diff --git a/assets/css/navbar.css b/assets/css/navbar.css new file mode 100644 index 0000000..702aa68 --- /dev/null +++ b/assets/css/navbar.css @@ -0,0 +1,97 @@ +/* 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 */ From fa409c63e5965207cac0694c110839b479ec236d Mon Sep 17 00:00:00 2001 From: Mujahid Ansori Majid Date: Tue, 10 Oct 2023 20:25:21 +0700 Subject: [PATCH 2/2] add css nya bang hary --- assets/css/navbar.css | 194 +++++++++++++++++++++--------------------- 1 file changed, 97 insertions(+), 97 deletions(-) diff --git a/assets/css/navbar.css b/assets/css/navbar.css index 702aa68..f261558 100644 --- a/assets/css/navbar.css +++ b/assets/css/navbar.css @@ -1,97 +1,97 @@ -/* 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 */ + /* 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