/* ================================================ 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); }
Professional Tattoo Artist at CB Ink Tattoo Brisbane
Have a look at Rhys’s work and you’ll see amazing large and small pieces with geishas, dragons, flowers, koi fish, tigers, snakes and samurais.
Rhys has done tattoos of numerous Japanese gods, mythological characters, Namakubi, masks, creatures from folklore and religious figures. You’ll see bright colours, black and grey with highly detailed shading and linework.
Rhys’ knowledge and experience with Japanese tattoo design is not just important for getting an amazing piece of body art. There is significant meaning behind all components of Japanese tattoos, the animal, god or even the choice of colour carries great meaning.
You wouldn’t get a script tattoo from someone who couldn’t spell; you wouldn’t get a Japanese tattoo from an artist who doesn’t understand the meaning of the design.
We invite you to discuss your tattoo goals and ideas with Rhys. As these tattoos are highly detailed, they often cover a vast space. Full sleeve, leg, Let our Japanese tattoo artist Rhys inspire you!
I was always drawing and figured it would be a great way to make money doing what I love.
One of my Japanese sleeves, the client gave me full artistic freedom with it and it came out really well.
It’s a really interesting style and there is a lot you can do with it.
Knowledgeable artists, great tattoos and a fun time with the artists.
With 20+ of Brisbane's best tattoo artists, we've got someone who specialises in exactly what you're looking for!