CARVIEW |
Select Language
HTTP/2 200
date: Sun, 12 Oct 2025 23:33:47 GMT
content-type: text/html; charset=UTF-8
server: cloudflare
x-frame-options: DENY
x-content-type-options: nosniff
x-xss-protection: 1;mode=block
vary: accept-encoding
cf-cache-status: DYNAMIC
content-encoding: gzip
set-cookie: _csrf-frontend=f9fda4b95c3286f91f4b082d62ac66f6304b08c03208a40200618c105b1dadd4a%3A2%3A%7Bi%3A0%3Bs%3A14%3A%22_csrf-frontend%22%3Bi%3A1%3Bs%3A32%3A%22GLXGpGdN3wJXIbW2U9U2H67L1eMN9NaC%22%3B%7D; HttpOnly; Path=/
cf-ray: 98da677b4931165e-BLR
_header_bar_default.scss - Pastebin.com
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .headerFull {
- position: fixed;
- top: 0;
- width: 100%;
- background: #fff;
- z-index: 99;
- }
- .header {
- transition: all 150ms ease-in-out;
- transform: translateY(0);
- @media(max-width: 992px) {
- min-height: 135px;
- transition: all 150ms ease-in-out;
- }
- &__container {
- width: calc(100% - 30px);
- max-width: 1200px;
- margin: 0 auto;
- display: flex;
- align-items: center;
- justify-content: space-between;
- position: relative;
- }
- &__brand {
- max-width: 115px;
- @media(max-width:992px) {
- max-width: 130px;
- width: 100%;
- }
- }
- &__nav {
- max-width: 350px;
- width: 100%;
- @media(max-width:1199px) {
- max-width: 320px;
- }
- }
- &__search {
- max-width: 270px;
- width: 100%;
- @media(max-width:1199px) {
- max-width: 200px;
- }
- @media(max-width: 992px) {
- max-width: 100%;
- width: 100%;
- position: absolute;
- top: 100%;
- }
- form {
- display: flex;
- .search__input {
- &::placeholder {
- font-style: italic;
- }
- }
- .btn-search {
- svg {
- fill: #47c4c0;
- position: absolute;
- right: 10px;
- top: 12px;
- }
- }
- }
- }
- &__list {
- display: flex;
- justify-content: space-between;
- max-width: 300px;
- width: 100%;
- @media(max-width:1199px) {
- padding: 10px;
- }
- @media(max-width:992px) {
- max-width: 140px;
- }
- &--item {
- display: flex;
- align-items: center;
- svg {
- margin-right: 5px;
- fill: $cor01;
- height: 18px;
- width: 18px;
- }
- a {
- font-weight: 600;
- color: $dark-gray;
- display: flex;
- align-items: center;
- &:hover {
- color: $cor01;
- }
- @media(max-width:992px) {
- font-size: 0;
- }
- }
- }
- }
- &__cart {
- position: relative;
- width: 50px;
- @media(max-width:1199px) {
- padding: 10px;
- }
- svg {
- fill: $cor01;
- width: 30px;
- height: 30px;
- }
- span {
- font-weight: 700;
- background: #ececec;
- position: absolute;
- top: 0;
- width: 25px;
- height: 25px;
- border-radius: 50%;
- display: flex;
- align-items: center;
- justify-content: center;
- z-index: 01;
- right: 0;
- opacity: 0.7;
- @media(max-width: 768px) {
- background: #191818;
- }
- }
- }
- }
- .moving--down{
- .header {
- @media(max-width: 992px) {
- min-height: 80px;
- overflow: hidden;
- transition: all 150ms ease-in-out;
- }
- transition: all 150ms ease-in-out;
- }
- .topbar {
- transform: translateY(-100%);
- visibility: hidden;
- opacity: 0;
- max-height: 0;
- }
- }
- .moving {
- .header {
- box-shadow: 1px 1px #dfdfdf70;
- }
- }
- /* mobile */
- .side-menu-wrapper {
- overflow: hidden;
- background: #fff;
- padding: 10px;
- position: fixed;
- top: 0;
- left: -100%;
- height: 100vh;
- z-index: 2;
- transition: 0.5s;
- width: 90%;
- z-index: 999;
- @media(max-width: 768px) and (min-width: 426px) {
- width: 50%;
- }
- }
- .slide-menu-open {
- svg {
- width: 20px;
- height: 20px;
- fill: $cor01;
- }
- }
- .side-menu-wrapper > a.menu-close {
- font-size: 2.1875rem;
- text-decoration: none;
- text-align: right;
- color: $cor01!important;
- width: 100%;
- display: block;
- }
- .side-menu-overlay {
- height: 100vh;
- width: 0;
- position: fixed;
- z-index: 1;
- top: 0;
- left: 0;
- background-color: rgba(0,0,0,.7);
- overflow-y: auto;
- overflow-x: hidden;
- text-align: center;
- opacity: 0;
- transition: opacity 1s;
- z-index: 999;
- }
- header {
- @media(max-width: 768px){
- padding: 0!important;
- height: auto!important;
- }
- }
- .mobile__nav {
- min-width: 50px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
-
🔥 Exchange profit method
JavaScript | 3 sec ago | 0.24 KB
-
📝 MAKE $2500 IN 15 MIN ✅ Working
JavaScript | 13 sec ago | 0.24 KB
-
📌 Swapzone +37% glitch ⭐ J
JavaScript | 15 sec ago | 0.25 KB
-
⭐⭐⭐Exchange Exploit⭐⭐
Java | 19 sec ago | 0.15 KB
-
⚡ Crypto Swap Glitch ✅ Working ⚡
JavaScript | 22 sec ago | 0.24 KB
-
✅⭐ Make huge profits on trading ⭐⭐ 5
JavaScript | 24 sec ago | 0.25 KB
-
⭐⭐⭐Free Giftcards Method⭐⭐
Java | 30 sec ago | 0.15 KB
-
💡 Instant BTC Profit Method ✅ Working
JavaScript | 31 sec ago | 0.24 KB
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand