/* ================================================ LIGHT MODE OVERRIDES ================================================ */ /* Body & Background */ [data-mode="light"] body { background-color: #ffffff; color: #1a1a1a; } /* Navigation */ nav { position: fixed; top: 0; width: 100%; z-index: 50; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); border-bottom: 1px solid var(--border-white); transition: all 0.3s; } [data-mode="light"] nav { background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .nav-container { max-width: 1400px; margin: 0 auto; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; height: 80px; } .logo img { height: 50px; width: auto; filter: drop-shadow(0 0 10px var(--accent-purple)); } [data-mode="light"] .logo img { filter: drop-shadow(0 0 10px var(--accent-purple)); } .nav-menu { display: flex; list-style: none; gap: 35px; align-items: center; } .nav-menu a { color: var(--text-white-70); text-decoration: none; font-weight: 500; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; transition: all 0.3s; position: relative; } .nav-menu a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background: var(--accent-purple); transition: width 0.3s; box-shadow: 0 0 10px var(--accent-purple); } .nav-menu a:hover { color: var(--accent-purple); text-shadow: 0 0 10px var(--goth-glow); } .nav-menu a:hover::after { width: 100%; } .btn-primary { background: transparent; color: var(--text-white); padding: 12px 30px; border: 1px solid var(--text-white); border-radius: 0; font-weight: 400; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: all 0.2s; text-decoration: none; display: inline-block; } .btn-primary:hover { background: var(--text-white); color: var(--bg-dark); } /* Hamburger Menu Button */ .hamburger { display: none; flex-direction: column; gap: 5px; background: transparent; border: none; cursor: pointer; padding: 12px; z-index: 10000; position: relative; min-width: 44px; min-height: 44px; justify-content: center; align-items: center; -webkit-tap-highlight-color: transparent; } .hamburger span { display: block; width: 28px; height: 2px; background: var(--text-white); transition: all 0.3s ease; box-shadow: 0 0 5px var(--goth-glow); } .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(8px, 8px); } .hamburger.active span:nth-child(2) { opacity: 0; } .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(7px, -7px); } .hamburger:hover span { background: var(--accent-purple); box-shadow: 0 0 10px var(--accent-purple); } /* Light Mode - Navbar Text and Hamburger */ [data-mode="light"] .nav-menu a { color: #000000; } [data-mode="light"] .nav-menu a:hover { color: var(--accent-purple); } [data-mode="light"] .hamburger span { background: #000000 !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } [data-mode="light"] .hamburger:hover span { background: var(--accent-purple) !important; box-shadow: 0 0 10px var(--accent-purple); } [data-mode="light"] .btn-primary { color: #000000; border-color: #000000; } [data-mode="light"] .btn-primary:hover { background: #000000; color: #ffffff; } /* Mobile Menu Overlay */ .mobile-menu-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; height: 100dvh; background: rgba(0, 0, 0, 0.98); backdrop-filter: blur(20px); z-index: 9999; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; overflow: hidden; } .mobile-menu-overlay.active { opacity: 1; pointer-events: all; } .mobile-menu { display: none; flex-direction: column; list-style: none; padding: 80px 20px 40px; gap: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .mobile-menu li { border-bottom: 1px solid var(--border-white); } .mobile-menu li:last-child { border-bottom: none; } .mobile-menu a { display: flex; align-items: center; color: var(--text-white-70); text-decoration: none; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; padding: 18px 0; transition: all 0.3s; position: relative; min-height: 56px; width: 100%; } .mobile-menu a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--accent-purple); transition: width 0.3s; box-shadow: 0 0 10px var(--accent-purple); } .mobile-menu a:hover, .mobile-menu a:active, .mobile-menu a:focus { color: var(--accent-purple); text-shadow: 0 0 10px var(--goth-glow); padding-left: 16px; background: rgba(139, 92, 246, 0.05); } .mobile-menu a:hover::after, .mobile-menu a:active::after { width: 100%; } .mobile-menu .btn-primary { margin-top: 24px; text-align: center; border-color: var(--accent-purple); color: var(--accent-purple); padding: 16px 24px; font-size: 16px; justify-content: center; border-width: 2px; } .mobile-menu .btn-primary:hover, .mobile-menu .btn-primary:active, .mobile-menu .btn-primary:focus { background: var(--accent-purple); color: var(--bg-dark); padding-left: 24px; } /* Light Mode - Mobile Menu */ [data-mode="light"] .mobile-menu-overlay { background: rgba(255, 255, 255, 0.98); } [data-mode="light"] .mobile-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } [data-mode="light"] .mobile-menu a { color: #000000; } [data-mode="light"] .mobile-menu a:hover, [data-mode="light"] .mobile-menu a:active, [data-mode="light"] .mobile-menu a:focus { color: var(--accent-purple); background: rgba(139, 92, 246, 0.05); } [data-mode="light"] .mobile-menu .btn-primary { border-color: var(--accent-purple); color: var(--accent-purple); } [data-mode="light"] .mobile-menu .btn-primary:hover, [data-mode="light"] .mobile-menu .btn-primary:active, [data-mode="light"] .mobile-menu .btn-primary:focus { background: var(--accent-purple); color: #ffffff; } /* Hide profile tabs when mobile menu is active */ body:has(.mobile-menu-overlay.active) .profile-tabs { display: none !important; visibility: hidden !important; } /* Responsive - 1100px and below - Switch to hamburger menu */ @media (max-width: 1100px) { .hamburger { display: flex; } .nav-menu { display: none; } .mobile-menu-overlay { display: block; } .mobile-menu { display: flex; } } /* Profile Header */ [data-mode="light"] .profile-header { background: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } [data-mode="light"] .profile-username { color: #1a1a1a; } [data-mode="light"] .profile-name { color: #1a1a1a; } [data-mode="light"] .profile-description { color: rgba(0, 0, 0, 0.7); } /* Profile Stats */ [data-mode="light"] .stat-number { color: #1a1a1a; } [data-mode="light"] .stat-label { color: rgba(0, 0, 0, 0.6); } /* Profile Action Buttons */ [data-mode="light"] .profile-actions .book-btn { border-color: #1a1a1a; color: #1a1a1a; } [data-mode="light"] .profile-actions .book-btn:hover { background: #1a1a1a; color: #ffffff; } [data-mode="light"] .follow-btn { border-color: #1a1a1a; color: #1a1a1a; } [data-mode="light"] .follow-btn:hover { background: #1a1a1a; color: #ffffff; } /* Profile Tabs */ [data-mode="light"] .profile-tabs { background: #f8f8f8; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } [data-mode="light"] .profile-tabs.stuck { background: rgba(255, 255, 255, 0.95); } [data-mode="light"] .tab-btn { color: rgba(0, 0, 0, 0.6); } [data-mode="light"] .tab-btn.active { color: var(--accent-purple); } /* About Section */ [data-mode="light"] .about-bio h3, [data-mode="light"] .about-qa h3 { color: var(--accent-purple); } [data-mode="light"] .bio-text { color: rgba(0, 0, 0, 0.7); } /* QA Accordion */ [data-mode="light"] .qa-accordion { border-color: rgba(0, 0, 0, 0.15); } [data-mode="light"] .qa-item { border-bottom-color: rgba(0, 0, 0, 0.1); } [data-mode="light"] .qa-toggle { color: #1a1a1a; } [data-mode="light"] .qa-toggle:hover { background: rgba(0, 0, 0, 0.05); } [data-mode="light"] .qa-question { color: #1a1a1a; } [data-mode="light"] .qa-answer { color: rgba(0, 0, 0, 0.7); } /* Artist QA Section */ [data-mode="light"] .artist-qa { background: rgba(139, 92, 246, 0.05); border-color: var(--accent-purple); } [data-mode="light"] .artist-qa h4 { color: var(--accent-purple); } [data-mode="light"] .artist-qa p { color: rgba(0, 0, 0, 0.7); } [data-mode="light"] .artist-bio { color: rgba(0, 0, 0, 0.7); } /* Reviews */ [data-mode="light"] .review-post { background: #ffffff; border-color: rgba(0, 0, 0, 0.1); } [data-mode="light"] .review-author { color: #1a1a1a; } [data-mode="light"] .review-content { color: rgba(0, 0, 0, 0.7); } [data-mode="light"] .review-time { color: rgba(0, 0, 0, 0.5); } [data-mode="light"] .action-btn { color: rgba(0, 0, 0, 0.5); } [data-mode="light"] .review-item { background: rgba(139, 92, 246, 0.05); color: rgba(0, 0, 0, 0.7); } [data-mode="light"] .artist-reviews { background: rgba(139, 92, 246, 0.05); border-color: var(--accent-purple); } /* Specialty Tags */ [data-mode="light"] .specialty-tag { background: rgba(139, 92, 246, 0.1); } /* Portfolio Section */ [data-mode="light"] .portfolio-section { background: #f5f5f5; } [data-mode="light"] .section-heading { color: #1a1a1a; } [data-mode="light"] .portfolio-item { border-color: rgba(0, 0, 0, 0.1); } /* Book Section */ [data-mode="light"] .book-section { background: #ffffff; } [data-mode="light"] .book-btn-large { border-color: #1a1a1a; color: #1a1a1a; } [data-mode="light"] .book-btn-large:hover { background: #1a1a1a; color: #ffffff; } /* Footer */ [data-mode="light"] footer { background: #f5f5f5; border-top: 1px solid rgba(0, 0, 0, 0.1); } [data-mode="light"] .footer-links a { color: rgba(0, 0, 0, 0.7); } [data-mode="light"] .footer-links a:hover { color: #1a1a1a; } [data-mode="light"] .footer-copyright { color: rgba(0, 0, 0, 0.5); }
Asbleidy

ASBLEIDY

BOOK APPOINTMENT
20 Posts
3 Styles
5+ Years

ASBLEIDY

Professional Tattoo Artist at CB Ink Tattoo Brisbane

Fine lineDot WorkBlack Work
Asbleidy Tattoo Work
❤️ 26
Asbleidy Tattoo Work
❤️ 50
Asbleidy Tattoo Work
❤️ 33
Asbleidy Tattoo Work
❤️ 57
Asbleidy Tattoo Work
❤️ 25
Asbleidy Tattoo Work
❤️ 22
Asbleidy Tattoo Work
❤️ 33
Asbleidy Tattoo Work
❤️ 41
Asbleidy Tattoo Work
❤️ 47
Asbleidy Tattoo Work
❤️ 18
Asbleidy Tattoo Work
❤️ 46
Asbleidy Tattoo Work
❤️ 52
Asbleidy Tattoo Work
❤️ 28
Asbleidy Tattoo Work
❤️ 31
Asbleidy Tattoo Work
❤️ 21
Asbleidy Tattoo Work
❤️ 57
Asbleidy Tattoo Work
❤️ 48
Asbleidy Tattoo Work
❤️ 17
Asbleidy Tattoo Work
❤️ 20
Asbleidy Tattoo Work
❤️ 26

About Asbleidy

Asbleidy has always had a passion for drawing, and with the encouragement of a tattoo artist close to her, she found her calling in tattooing — turning her creative hobby into a career she truly loves. Over time, she has developed a strong focus on black and grey realism, a style she feels captures both depth and emotion. One of her most memorable pieces is a portrait with roses, a tattoo that reflects her dedication to detail and her love for creating meaningful, lasting artwork.

When she’s not tattooing, Asbleidy enjoys swimming and finding balance outside the studio. Clients visiting CB Ink Tattoo can expect to leave with their self-esteem soaring, knowing they’ve received the tattoo they truly wanted — a unique design that speaks to who they are and leaves them feeling empowered.

My hobby has always been drawing, and my ex-boyfriend is a great tattoo artist. He encouraged me to do it too, so I could work in something I really like.

Although I have learned from all my tattoos, I could say that a portrait with some roses in black and grey is one of them.

Leave with their self-esteem through the roof because they got the tattoo they wanted.

Q&A

My hobby has always been drawing, and my ex-boyfriend is a great tattoo artist. He encouraged me to do it too, so I could work in something I really like.
Although I have learned from all my tattoos, I could say that a portrait with some roses in black and grey is one of them.
– Black and grey (realism).
Leave with their self-esteem through the roof because they got the tattoo they wanted.

No reviews yet